variable qui contient des crochets provoque des problèmes

Question

choses faciles: Je lis la valeur d'une zone de sélection en cliquant sur un bouton et d'écrire dans un champ texte:

La boîte:

<select name="link[link_category]"> 
    <option value="Fun">Sport</option> 
    <option value="Music">Music</option> 
</select> 

Maintenant, je ont mon bouton

<button class="btn btn-success" onclick="myFunction()">Continue</button> 

qui déclenche une simple fonction

<script> 
function myFunction() 
{ 
    result = document.new_link.link[link_category].value; 
    document.getElementById("demo").innerHTML=result; 
} 
</script> 

résultat lit la valeur de la zone de sélection et la fonction renvoie la valeur dans un champ appelé « demo »

<p id="demo"></p> 

Mon problème:

Utiliser un nom simple pour la boîte comme « abc » marques tout fonctionne comme un charme. Mais dès que l'aide de supports (j'ai besoin entre parenthèses pour application mes rails pour travailler), il dit

* Uncaught ReferenceError: link_category n'est pas défini *

Comment puis-je utiliser des crochets pour travailler avec ma fonction JS?

Merci pour toute aide.

Answer 1

Vous aurez besoin d'utiliser la notation support pour y accéder

result = document.new_link['link[link_category]'].value;