Question

文本框（input type="text"）怎么根据name属性修改value值

Answer 1

  <form name="form1">
   <input name="username" type="text" value="" />
 </form>
 <script type="text/javascript">
 <!--
 document.form1.username.value = '22222';
 //-->
 </script>

追问

我的name属性是f循环赋值的

追答

  <form name="form1">
   <input name="username" type="text" value="" />
   <input name="username" type="text" value="" />
   <input name="username" type="text" value="" />
   <input name="username" type="text" value="" />
   <input name="username" type="text" value="" />
   <input name="username" type="text" value="" />
 </form>
 <script type="text/javascript">
 <!--
 for(var i=0;i<=document.form1.username.length;i++){
   document.form1.username[i].value = '22222' + i;
 }
 //-->
 </script>

追问

name值不一样 document.getElementsByTagName(name).value="" 这样为什么不可以呢

追答

  <form name="form1">
   <input name="username1" type="text" value="" />
   <input name="username2" type="text" value="" />
   <input name="username3" type="text" value="" /> 
 </form>
 <script type="text/javascript">
 <!--
   document.form1.username1.value = '22221';
   document.form1.username2.value = '22222';
   document.form1.username3.value = '22223';
 //-->
 </script>

追问

谢谢啦 问题解决了

Answer 2

$(":text[name='xxx']").prop('value', 12);

追问

不怎么懂 这句话的意思

追答

根据name属性值为xxx的类型是text的input的文本框，设置其value属性值为12

追问

是这样子吗 $(":text["+document.getElementsByName(name)+"='修改']").prop('value', "保存");

追答

var _texts = document.getElementsByName("test");
for(var i = 0; i < _texts.length; i++) {
    _texts[i].value = 12;
}

我以为你问jquery呢，js就是这样的(你的name属性值是一样的。返回的是一个同name的数组dom元素。)

var _texts = document.getElementsByName("test");
for(var i = 0; i < _texts.length; i++) {
    _texts[i].value = 12;
}

我以为你问jquery呢，js就是这样的(你的name属性值是一样的。返回的是一个同name的数组dom元素。)