【问题标题】:Get dynamic id of textbox inside jquery获取jquery中文本框的动态id
【发布时间】:2015-01-21 01:33:52
【问题描述】:

我的动态创建的文本框 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])

帮帮我

【问题讨论】:

  • 文本框是一个空元素,你正在尝试设置它的innerHTML!!!你想做什么??
  • 好的,我已经编辑了@RajaprabhuAravindasamy
  • 您希望何时获取这些文本框的值?上下文中的this 是什么?你想接收所有值的数组吗?您想接收特定输入的值吗?您想在什么时候收到此信息?当你点击一个按钮?说明你想做什么。
  • 试试 $(this).attr('id');在此处查看有关 attr() 的更多信息api.jquery.com/attr

标签: jquery dynamic


【解决方案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>

【讨论】:

    【解决方案2】:

    试试这个示例。您的输入 id 的结束引号在错误的位置,您稍后查找输入的选择器也不正确。

    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());
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <table>
      <tr id="appendme"></tr>
    </table>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-21
      • 1970-01-01
      • 2012-03-04
      • 1970-01-01
      • 2012-12-23
      • 1970-01-01
      相关资源
      最近更新 更多