impossibile ottenere gli elementi del modulo utilizzando il nome del modulo in javascript

Question

Ho riscontrato un problema con l'accesso al mio modulo tramite il suo nome. Quando uso document.form [0] .mylink.value riconosce il valore e restituisce l'innerHTML che specifico. Tuttavia, quando uso document.myform.mylink.value non sembra riconoscere il modulo. Ho provato questo in Chrome 6.0 e anche Firefox 3.6.3 e ottenere lo stesso risultato in entrambi. Devo davvero essere in grado di accedere ai valori del mio modulo usando il nome del modulo (invece di document.form [0]), qualche idea sul perché document.myform.mylink.value non funzioni?

<form name="myform"> 
<table> 
<tr><td valign="middle" align="center"> 
    <div id="textResponse"></div> 
</td></tr> 
<tr><td height="30" valign="middle" align="center"> 
    <input name="mylink" value="Enter a URL" size="31" /> 
</td></tr> 
<tr><td valign="top" align="center"> 
    <a href="javascript:submitForm2();">Click</a> 
</td></tr> 
</table> 
</form> 

<script type="text/javascript"> 
function submitForm2(){ 
    //This one does NOT work: 
    my_link = document.myform.mylink.value; 
    //This one also does NOT work: 
    //my_link = document.forms['myform'].mylink.value; 
    //This one works: 
    //my_link = document.forms[0].mylink.value; 

    document.getElementById("textResponse").innerHTML="<p>"+my_link+"</p>"; 
} 
</script> 

Answer 1

Tecnicamente quello che hai dovrebbe funzionare bene ... la sintassi completa di seguito dovrebbe funzionare anche:

var my_link = document.forms['myform'].elements['mylink'].value; 

Se per caso la variabile nel codice "reale" è "mylink"non"my_link" voi otterrà errori in IE in quanto farà riferimento automatico all'elemento del modulo, non al valore che si sta tentando di estrarre.

Che tutti Detto questo, il codice come pubblicato ... funziona bene in Firefox/IE (demo qui: http://jsfiddle.net/Ymg8W/)