gpt4 book ai didi

javascript - 如何在 javascript 中正确循环表单元素

转载 作者:行者123 更新时间:2023-12-02 20:30:29 28 4
gpt4 key购买 nike

我想做的是从每个类型为“text”的表单元素中获取值。你能教我从文本框中获取值并使用 javascript 输出这些值的正确方法吗?

<head>
<script type="text/javascript">
function trap(){
for(var i=0; i<document.x.elements.length; i++)
{
document.write(document.x.elements[i].value + "<br />");
}
}
</script>
</head>
<body>


<form name="x">

<?php
for($i=0;$i<2;$i++){
?>

qty #<?php echo $i; ?>
<input type="text" name="qty[<?php echo $i; ?>]" value=""/>
<img src="add-icon.png" onmouseover="trap();">

<?php } ?>

</form>

</body>

我检查了它是否获得了正确数量的文本类型表单元素:

document.write(document.x.elements.length);

它与我在 php for 循环中指定的数字相同。但是我只获取元素 #1 的值。它似乎没有从 qty[1]

获取值

请帮忙。谢谢

最佳答案

您遇到的问题是另一个:

您在函数内使用document.write()。页面加载后不能使用此方法,因为它将覆盖整个文档 -> 以及函数本身。第一次调用 write 后,该函数不再存在,您将获得一个新文档,其中仅包含您刚刚写入的数据。

使用其他方法代替 write(),例如这应该有效:

document.body.appendChild(document.createTextNode(document.x.elements[i].value ));
document.body.appendChild(document.createElement('br'))

关于javascript - 如何在 javascript 中正确循环表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4236117/

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