我有 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>");
});