下拉更改功能与jquery

Question

我有3选择（下拉）。

让第一下拉，第二下拉和第三下拉。 我使用jQuery的更改功能。 当我更改第一个下拉菜单时，会出现第二个下拉菜单，并且我更改了第二个下拉菜单，但第三个下拉菜单未显示。 我不知道哪里错了，请帮帮我。

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()附...