gpt4 book ai didi

javascript - 无法通过在javascript中使用表单名称获取表单元素

转载 作者:数据小太阳 更新时间:2023-10-29 04:25:55 25 4
gpt4 key购买 nike

我在通过名称访问我的表单时遇到问题。当我使用 document.form[0].mylink.value 时,它​​会识别值并输出到我指定的 innerHTML。但是,当我使用 document.myform.mylink.value 时,它​​似乎无法识别该表单。我已经在 chrome 6.0 和 firefox 3.6.3 中尝试过这个并且在两者中得到相同的结果。我确实需要能够使用表单名称(而不是 document.form[0])访问我的表单值,知道为什么 document.myform.mylink.value 不起作用吗?

<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>

最佳答案

从技术上讲,您所拥有的应该可以正常工作...下面的完整语法也应该可以工作:

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

如果您的“真实”代码中的变量碰巧是 "mylink" 不是 "my_link" 您将在 IE 中遇到失败,因为它将自动引用表单元素,而不是您要提取的值。

总而言之,您的代码已发布...在 Firefox/IE 中运行良好(此处演示:http://jsfiddle.net/Ymg8W/)

关于javascript - 无法通过在javascript中使用表单名称获取表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3927250/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com