下拉更改功能與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()附...