如何使用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');
});

当对第一个选择元素进行更改时，将启用第二个选择元素。按照这个逻辑进行第三次选择。