0

dom を使用して行を追加することはできますが、選択した内容に応じてドロップダウンの右側に表示する div を取得するにはどうすればよいですか?

これまでの例を次に示します: http://jsbin.com/#/afojid/1/edit

最初のドロップダウンは正しく機能していますが、残りはボタンをクリックしたときに追加したいので、元のドロップダウン メニューと同じように機能させたいと考えています。そのため、[アジア] を選択すると追加セクションが右側に表示され、[その他] を選択すると別の追加セクションが右側に表示され、追加ボタンをクリックするたびに同様に表示されます。複製を試みましたが、追加ボタンがクリックされたときに何も選択されたくない

4

1 に答える 1

1

クラスの代わりにIDを多かれ少なかれ普遍的に使用しているという事実は、これを非常に困難にします。クラスで動作するようにコードを更新し、*Info新しいドロップダウンを作成するときにテーブルを適切に複製する必要があります。

古いバージョンの jQuery を.on使用しているため、委任には使用できません。代わりに、次を使用します.delegate。

$(document).delegate('#typeofEthnicity,[id^=newDDMenu]', 'change', showEthnicity)

これにより、元のドロップダウンと追加されたドロップダウンの関数が呼び出さshowEthnicityれますが、すべての*Infodiv を複製して、テーブル内の適切な場所に配置する必要があります (追加された行と同じ場所だと思います)。クラスを使用する場合、ドロップダウンの親行を見つけて、表示する適切なクラスを持つ対応する子を見つけるのは簡単なことです。

于 2013-01-29T00:49:10.020 に答える