如何使用jQuery基于下拉列表选择制作弹出框

Question

我在jquery网格中有三列，所有三列都有下拉列表框。

如果您选择第一个下拉列表框，则需要启用第二个值。 如果您选择第二个，我需要使用jquery启用第三个。

Answer 1

关于jquery的最酷的事情之一是它能够处理DOM中的事件。

您要查找的事件是.change（） http://api.jquery.com/change/

2个选择元素的html标记

<select id="first_select">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select id="second_select" disabled="disabled">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

javascript / jquery处理对选择框的更改

$("#first_select").change(function() {
  $("#second_select").removeAttr('disabled');
});

对第一个选择元素进行更改时，将启用第二个选择元素。 遵循此逻辑进行第三选择。