无法通过jquery在表单中显示文本框

Question

I have a display of some data through jquery. now I want to put some textbox in front of data but it doesn't show the 'n' numbers of textbox only single box display. see my code

$("#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) //got ans 5 so i just need input 5 input boxes but i got sinlge box only.

Answer 1

You can use the JQuery method append() for this!

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>

</div>