Javascript按名称更改字段值

时间:2010-12-11 22:08:55

标签: javascript html forms dom

我有一个表单,其中某些字段具有相同的元素名称。有没有办法更改具有相同名称的所有字段的值?

3 个答案:

答案 0 :(得分:17)

1)使用getElementsByName将元素放入数组中 2)遍历数组并设置每个元素的值。

代码:

var els=document.getElementsByName("yourElementNameHere");
for (var i=0;i<els.length;i++) {
els[i].value = "yourDesiredValueHere";}

如果您只想更改表单中包含该名称的元素,请使用表单而不是document,例如:document.getElementById("yourFormID").getElementsByName(...)

答案 1 :(得分:1)

使用JQUERY可以做得更简单 例如:

<强> HTML

<div id="form">
<input type="text" name="myinput" vale="yussan" />
</div>

<强> JS

var value = $('#form input[name=myinput]').val()

答案 2 :(得分:0)

样本表格

<form name="form1">
    <input type="button" name="buttons" value="button1">
    <input type="button" name="buttons" value="button2">
    <input type="button" name="buttons" value="button3">
</form>

脚本

var form = document.form1;    // form by name 
var form = document.forms[0]; // same as above, first form in the document
var elements = form.buttons; // elements with same name attribute become a HTMLCollection
for (var i=0; i<elements.length; i++) 
   elements[i].value = elements[i].value.replace("button", "buttoff");

http://jsfiddle.net/yGV3R/