代码之家  ›  专栏  ›  技术社区  ›  Harun Anwar

无法通过jquery在窗体中显示文本框

  •  1
  • Harun Anwar  · 技术社区  · 6 年前

    我通过jquery显示了一些数据。现在我想在数据前面放一些文本框,但它不显示文本框的“n”个数字,只显示一个文本框。查看我的代码

    $("#jobcard").html(data[i]['jobcard_id']);
    var qty = data[i]['jobcard_material_qty'].split(","); 
    for(var j =0; j<qty.length; j++){ //qty.length =5         
    $("#issue").html('<input type="text" name="qty_issue_"'+j+ '><br>');
              }
    

    i alert(qty.length)//得到ans 5 所以我只需要输入5个输入框,但我只有一个输入框。

    1 回复  |  直到 6 年前
        1
  •  3
  •   Naren Murali    6 年前

    您可以使用JQuery方法 append() 为了这个!

    var qty = {
      length: 5
    };
    var data = [{
      jobcard_id: 1
    }];
    var i=0;
    $("#jobcard").html(data[i]['jobcard_id']);
    for (var j = 0; j < qty.length; j++) { //qty.length =5         
      $("#issue").append('<input type="text" name="qty_issue_"' + j + '><br>');
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="jobcard"></div>
    <div id="issue"></div>