gpt4 book ai didi

javascript - 使用javascript为多个输入框赋值?

转载 作者:数据小太阳 更新时间:2023-10-29 05:02:42 24 4
gpt4 key购买 nike

您好,我在为多个输入框分配单个值时遇到了问题。我尝试了很多方法,但它只分配了 1 个文本框。如何分配多个文本框。

注意:我所有的输入框都有相同的ID。

我的代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function getInputs()
{
var inputs = document.getElementsByTagName('input');
var ids = new Array();
for(var i = 0; i < inputs.length; i++)
{
if(inputs[i].getAttribute('id').toLowerCase()== 'myid')
{
document.getElementsById('myid').value="1";
}
}
}
window.onload = getInputs;
</script>
</head>
<body>
<form>
<input type="text" id="myid"><br>
<input type="text" id="myid"><br>
<input type="text" id="myid"><br>
<input type="text" id="myid"><br>
</form>
</body>
</html>

有人能帮忙吗?

最佳答案

它只给其中一个赋值,因为 ID 应该是唯一的;因此,您实际上只会以第一个具有该值分配的目标为目标。

更改您的 HTML 以改为使用类:

<input type="text"  class="myids"><br>
<input type="text" class="myids"><br>
<input type="text" class="myids"><br>
<input type="text" class="myids"><br>

然后,您可以相应地调整您的 JavaScript。


jQuery

在 jQuery 中,您可以使用以下方法设置一个值:

$('.myids').val('这里所有的值');

jQuery jsFiddle here.


纯 JavaScript

在 Javascript 中,您将使用 getElementsByClassName() 并遍历它们,为它们赋予相同的值。

var x = document.getElementsByClassName('myids');
for(i = 0; i < x.length; i++) {
x[i].value = "New!";
}

Pure JavaScript jsFiddle here.

关于javascript - 使用javascript为多个输入框赋值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16355959/

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