如何将一次选择的更改事件的数据附加到第二次选择

How to append data on change event of one select to second select?

本文关键字：选择 数据 事件 第二次 一次      更新时间：2023-09-26

我在同一个表行中有两个选择下拉列表。我想在第一个下拉菜单的变化上添加数据到第二个下拉菜单。两个下拉菜单都没有id或class??有没有可能没有id或类追加数据到它??

这是我的html. 

<button type="button"  id = "add-row" class="btn btn-info pull-right">
<i class="glyphicon glyphicon-plus"></i> Add new
</button>
<table class="table" id="mans">
<tr>
<td><select class="form-control tag-list-name">
       <option>ABC</option>
       <option>PQR</option>
   </select>
</td>
<td><select class="form-control">
    <option> </option>
   </select></td>
  <td><button type="button" class="btn btn-info pull-right delete-row">
         -
   </button></td>
   </tr>
</table>

您可以使用jQuery .first()和.eq()来选择它们

var selects = $('#mans select');
selects.first().on('change', function () {
    selects.eq(1).append('<option>New Option</option>');
});

我用下面的代码解决了这个问题:

为第二个选择/下拉列表添加了新的类名。

然后使用以下代码:

var tr = $(this).closest('tr');
var select = tr.find('.tag-name-values');
var currentContext = select.html("");
currentContext.append(data);
相关文章：