获取使用 JQuery 动态创建的表中的文本框和下拉值

Question

请帮忙，我是 jquery 的新手。有 3 个表格，它们将填充文本框并动态下拉“选择”

<table class="primaGridViewSmall" border="0" cellpadding="0" width="95%"
    id="shareAddUserMember" runat="server" clientidmode="Static" align="left">
</table>

<table class="primaGridViewSmall" border="0" cellpadding="0" width="95%"
    id="shareAddUserMemberA" runat="server" clientidmode="Static" align="left">
</table>

<table class="primaGridViewSmall" border="0" cellpadding="0" width="95%"
    id="shareAddUserMemberB" runat="server" clientidmode="Static" align="left">
</table>

表格可以有很多文本框和通过单击“添加更多”动态添加的“选择”下拉菜单。 其实我想从文本框中实现这样的事情并在该表中选择

var array = [];
var j = 0;
$('#shareAddUserMember tr').each(function () {
    var memberID = ?  // Dynamic_textbox_value;
    var privilage = ? // Dynamic_drop_down_selected value ie type <select>
    if (memberID != "") {
        array[j] = memberID + ":" + privilage;
        j++;
    }
});

我试过这个来获取文本框的值，我也需要选择

$('#shareAddUserMember tr').each(function () {
    $('input[type=text]').each(function (i, item) {
    var grade = $(item).val();
        alert(grade);
    });
});

但上面的代码将获取页面中的所有输入类型。我有多个表。我需要在表 shareAddUserMember 内动态创建的文本框中获取值（id 是动态生成的）。

我只需要具有 id ="shareAddUserMember" 的表内的文本框的值，而不是 shareAddUserMemberA 或 shareAddUserMemberB。

$('#shareAddUserMember tr').each(function () {
     // ---what to write here  to fetch the textbox and drop down selected values-----------
});

实际上我想从文本框中实现一些类似的东西并在该表中输入类型选择

var array = [];
var j = 0;
$('#shareAddUserMember tr').each(function () {
    var memberID = ?  // Dynamic_textbox_value;
    var privilage = ? // Dynamic_drop_down_selected value ie type <select>
    if (memberID != "") {
        array[j] = memberID + ":" + privilage;
        j++;
    }
});

在 tr 里面有下拉选择示例 DOM

<table class="primaGridViewSmall" border="0" cellpadding="0" width="95%"
    id="shareAddUserMember" runat="server" clientidmode="Static" align="left">
  <tr id="EmailIDUserRow1">
    <td style="text-align: center; width: 3%;">
      <input type="hidden" id="EmailUserMemberID1" name="EmailUserMemberID1" />
    </td>
    <td align="left">
      <select style="width: 150px" name="select1" id="select1">
        <option value="">Select</option>
        <option value="1">Full Access </option>
        <option value="0">View Only</option>
      </select>
    </td>
  </tr>
</table>

Answer 1

遍历#shareAddUserMember中的每个tr元素：

$("#shareAddUserMember tr").each(function() {
  // `this` refers to the current tr element

  // Get the input box and select that are inside the current tr element using
  // $(this).find()
  var memberID = $(this).find("input:text").val();
  var privilege = $(this).find("select").val();

  if (memberID !== "") {
    // ...
  }
});

希望能帮助或至少为您指明正确的方向。

Answer 2

试试这个代码：

$('#shareAddUserMember tr input[type=text]').each(function () {            
     // do some of your magic in here :)
});

既然你已经更新了你的答案，你可以尝试这样的事情（我没有测试这个代码）

$('#shareAddUserMember').each(function () {            
        var memberID = $('#shareAddUserMember tr input[type=text]').val();
        var privilage = $("#shareAddUserMember tr select option:selected").text();
        if (memberID != "") {
            array[j] = memberID + ":" + privilage;
            j++;
        }
    });