如何使用 jquery 获取下一个相对下拉列表

Question

我有这个代码

<div id="aggregate" style="display:inline">
                    <%=Html.RadioButton("a", "1", true, new {id = "meRadio"})%><label>Me</label>
                    <%=Html.RadioButton("a", "2", false, new { id = "teamRadio" })%><label>Team: </label><% = Html.DropDownList("Teams", Model.Teams,  new {@scope="Team",  @id = "teamDropdown", @class = "filterDropdown" })%>
                    <%=Html.RadioButton("a", "4", false, new { id = "managerRadio" })%><label>Manager: </label><% = Html.DropDownList("Managers", Model.People, new { @scope = "Manager", @id = "managerDropdown", @class = "filterDropdown" })%>
                    <%=Html.RadioButton("a", "5", false, new { id = "locationRadio" })%><label>Location: </label><% = Html.DropDownList("Locations", Model.Locations, new { @scope = "Location", @id = "locationDropdown", @class = "filterDropdown" })%>
  </div>

我目前有这样的代码：

 $('#workstreamRadio').click(function () {
     Enable("#workstreamDropdown");
 });

 $('#teamRadio').click(function () {
     Enable("#teamDropdown");
 });

我确信有一种方法可以使用 jquery 来动态获取相应的下拉选择器，因为点击了特定的单选按钮，所以我不必对每个映射进行硬编码。

“获取我单击的单选按钮右侧的下拉选择器”的语法是什么

Answer 1

您可以像这样使用.nextAll() 和:first 来做到这一点：

$("#aggregate :radio").change(function() {
  var dropdown = $(this).nextAll("select:first");
  //enable or disable dropdown
});

因为他们是兄弟姐妹，所以使用 .nextAll() 来遍历所有兄弟姐妹，并且您想要第一个 <select> 元素，因此在单击收音机后从兄弟姐妹中选择它。还要看看在这里使用.change() 而不是.click()，它只会在选择更改时触发，这通常是你想要的。