在jquery中获取textbox的动态id

时间:2015-01-20 14:59:22

标签: jquery dynamic

我动态创建的文本框ID

$.each(vendor_name, function(p, tt) { 
    tr.append($("<td/>").html('<input type="text" name="cmpny_id" id="cmpny_id"'+p+' value="'+vendor_name[p]+'"/>'));
    console.log('<input type="text" name="cmpny_id" id="cmpny_id"'+p+' value="'+vendor_name[p]+'"/>');
});

现在我想得到我试过的代码

的文本框值
$(this).attr("cmpny_id"+[2])

帮助我们

2 个答案:

答案 0 :(得分:1)

我不确定要完成什么,但你可以尝试类似的事情:

var id = 0;

$(document).on('click','#addVendor',function() {
      $("#vendor_name").append('<tr><td>'+id+': <input type="text" name="cmpny_id"></td></tr>');
      id = id+1;
});

$(document).on('click','#getVendor',function() {
  if (id == 0) {
      alert('At least add one vendor');
  } else {
    $("input[name=cmpny_id]").each(function(index) {
      alert('Index: '+index+' Value= '+$(this ).val());
    });
  }
});
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="vendor_name">
</table>
<button id='addVendor'>Add Vendor Name</button>
<button id='getVendor'>Get Vendor Name</button>

答案 1 :(得分:0)

试试这个样本。您在错误的位置输入id的结束引号,以及稍后查找输入的选择器也是错误的。

&#13;
&#13;
var p = 2;
var vendor_name = {};
vendor_name[p] = "some name";

// append a table cell with an input
$("#appendme").append($("<td>").html('<input type="text" name="cmpny_id" id="cmpny_id'+p+'" value="'+vendor_name[p]+'"/>'));

// display the value of cmpny_id2
alert($("#cmpny_id2").val());
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr id="appendme"></tr>
</table>
&#13;
&#13;
&#13;