Question

我是javascript的新手，只需点击一下就无法填充多个字段。

<script>
  function addTxt(txt, field)
  {
      var myTxt = txt;
      var id = field;
      document.getElementById(id).value = myTxt;
  }
</script>

<input type="text" name="xx" id="info" autofocus="required">
<p><a  href="#" onclick="addTxt('x', 'info')">x</a></p>

我还有3个字段。

感谢。

Answer 1

您可以使用

function addTxt(txt, ids)
{
    for (var i=0, l=ids.length; i<l; ++i) {
        document.getElementById(ids[i]).value = txt;
    }
}

并称之为

addTxt('Some text', ['id1', 'id2', 'id3']);

Answer 2

您可以填充多个字段。我已经分享了一个jsfiddle链接。您可以使用此代码填充多个字段。

function addTxt(_val, _id,_no)
  {

  var _myTxt = _val;
  var _id = _id;
  for(var i=1;i<=_no;i++){
    document.getElementById(_id+i).value = _myTxt;
  }

}

Click here to see DEMO

Answer 3

我认为您不需要执行此功能。

只需使用

document.getElementById('id1').value
    = document.getElementById('id2').value
    = document.getElementById('id3').value
    = 'Some text';

或者，如果您认为document.getElementById太长，请使用快捷方式：

var get = document.getElementById;
/* ... */
get('id1').value = get('id2').value = get('id3').value = 'Some text';

Answer 4

尝试通过tagName或className而不是id获取元素，然后使用for循环遍历每个元素。

使用javascript填充多个字段

4 个答案: