如何在jQuery中将值插入具有相同类名的文本框

Question

我有按顺序排列的值的arraylist，我想在arraylist的文本框（输入类型=“ text” class =“ same”）中插入值。

这是我的JavaScript代码

    $("#getdata").click(function(){

       var serial_no = [];

       <s:iterator value="cmadispatchmoreEquipmentDetailslist" status="a">

         serial_no.push(<s:property  value="serialno" />);

    </s:iterator>
          for(var m=0;m<serial_no.length;m++)
              {
             $("input.serialnocls").each(function (){

                $("input.serialnocls").val(serial_no[m]);
             });
              }


        }); 

这是jsp的代码

  <input type="text" class="serialnocls" name="" />

我在这里附上了一个屏幕截图

我想将值从arraylist设置为序列号。 请帮助...。最终输出应为

但我越来越

Answer 1

以下代码可能适合您。

$(function(){

    var serial_no = [];
    //init serial_no as what you want.
    for(var i=0; i<6; i++){
        serial_no.push(i+1);
    }

    //now set value into the textbox 
    $(".serialnocls").each(function(i){
        $(this).val(serial_no[i]);
    })

});

关键的一点是，你应该使用i在每个（函数（I）{}）代表的index 。 这是jsfiddle： http : //jsfiddle.net/0woctcmt/

Answer 2

以下应该做的把戏

$("input.serialnocls").each(function (){

    $(this).val(serial_no[m]);
});

Answer 3

var m=0;
$("input.serialnocls").each(function (){
      if(m < serial_no.length){
          $("input.serialnocls").val(serial_no[m++]);           
       }
});