0

3つの選択（ドロップダウン）があります。

最初のドロップダウン、2番目のドロップダウン、3番目のドロップダウンをしましょう。jqueryの変更関数を使用しています。最初のドロップダウンを変更すると、2番目のドロップダウンが表示され、2番目のドロップダウンを変更しましたが、3番目のドロップダウンが表示されません。どこが間違っているのかわかりません。助けてください。

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

1 に答える 1

1

これを試してください:サンプル

$('.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>");
});

2 番目の選択ボックスは動的に追加されるため、on()を使用してイベントをアタッチする必要があります ...

于 2013-03-08T10:13:32.573 に答える