java - 如何将值插入到jquery中具有相同类名的文本框

Question

我有 arraylist ，其值按排序顺序排列，我想在 arraylist 的文本框(input type="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="" />

我在这里附上了屏幕截图

我想将数组列表中的值设置为序列号。请帮忙....最终输出应该是

但是我得到了

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]);
    })

});

关键点是你应该在each(function(i){})中使用i代表index。这是jsfiddle:http://jsfiddle.net/0woctcmt/