Question

我有3个选择（下拉列表）。

让第一次下拉，第二次下拉和第三次下拉。我使用jquery更改功能。当我更改第一个Dropdown时，会出现Second Dropdown.And我更改了第二个Dropdown。但是没有出现第三个Dropdown。我不知道哪里出错了。请帮帮我。

HTML：

 <div class='select'>
  <select class='myFirstDropdown' name='first'>
   <option value='1'>1
   <option value='2'>2
   <option value='3'>3
  </select>
 </div>

JS：

$('.myFirstDropdown').change(function(){
//var result= $(this).val();
    $('.select').append("<select class='secondDropdown' name='second'><option value='second1'>second1<option value='second2'>Second2</select>");
});
$('.secondDropdown').change(function(){
$('.select').append("<select class='thirdDropdown' name='third'><option value='second1'>second1<option value='second2'>Second2</select>");
});

Answer 1

试试这个： SAMPLE

$('.myFirstDropdown').change(function(){
    $('.select').append("<select class='secondDropdown' name='second'><option value='second1'>second1<option value='second2'>Second2</select>");
});

$('.select').on('change', '.secondDropdown', function(){
    $('.select').append("<select class='thirdDropdown' name='third'><option value='second1'>second1<option value='second2'>Second2</select>");
});

您的第二个选择框是动态添加的，因此应使用on() ...

附加事件

使用jquery下拉更改功能

1 个答案: