Question

使用以下功能我正在删除一种格式如下的行。

<div class="col-sm-3">
    <select name="search_field_option[]" id="selectCount_3" class="form-control" onchange="removeSelected(this, 'ref_no')">
        <option value="ref_no">Refer ID</option>
        <option value="email">Email ID</option>
        <option value="name">Name</option>
        <option value="address">Address</option>
    </select>
</div>

我正在使用jquery追加生成行。当我删除它时，我使用以下功能将其删除。

function removeRow(removeNum) {
    $('#rowCount' + removeNum).remove();
}

在删除它之前，如果我想捕获该行中的选定选项，我该如何解决？例如，如果我删除所选选项是电子邮件的行，我该如何捕获它？

Answer 1

当您更改选择下拉菜单时，触发函数getSelected()并传递this节点，然后找到具有jQuery is(':selected')属性的子项。然后，您可以使用.val()或.text()分别获取显示文本的值并使用它

＆＃13;

function getSelected(node,x) {
  var selected = ($(node).find(':selected').val());
  alert(selected);
  //call your remove here
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-3">
    <select name="search_field_option[]" id="selectCount_3" class="form-control" onchange="getSelected(this, 'ref_no')">
        <option value="ref_no">Refer ID</option>
        <option value="email">Email ID</option>
        <option value="name">Name</option>
        <option value="address">Address</option></select>
</div>

＆＃13;

试试这个。在此调用之后，您可以调用删除行或逻辑

Answer 2

在删除它之前，如果我想捕获该行中的选定选项，我该如何解决？

好吧，如果$('#rowCount'+removeNum)与所讨论的结构非常匹配（在您的引用标记中没有元素和id类似rowCountNNN），那么您就可以了。 d使用find查找其中的select，使用val获取select的值：

function removeRow(removeNum) {
    var row = $('#rowCount'+removeNum);
    var val = row.find("select").val();
    row.remove();
    // ...use val...
}

获取附加类的属性

2 个答案: