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

Question

我有排序的值的arraylist，我想在arraylist的文本框（输入类型=＆＃34; text＆＃34; class =＆＃34; same＆＃34;）中插入值。

这是我的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设置为serial no。请帮忙.... 最终输出应该是

但我得到了

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的每一个（function（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++]);           
       }
});