ドロップダウンリストを開く前に要素が読み込まれるまで待つ/ドロップダウンリストを動的に更新する

Question

別のリストの値に基づいてドロップダウンリストを動的に更新する必要があります。私はonblurイベントを添付してサーバーコールを作成してから、2番目のリストに値を設定します。最初のリストをクリックしてから2番目のリストをクリックすると、ロードされた要素が正しく表示されません。私は、問題は、あなたが最初のリストの外に移動する必要がありますblurイベントを使用していることだと思いますhttps://jsfiddle.net/4yktopux/

Answer 1

：

は、ここで簡単な例を示します。

2番目のリストをクリックすると、ブラーイベントが発生して読み込みが開始されますが、クリックイベントは現在空の2番目のリストでも発生します。だからそれは空のリストを落とす理由です。

ぼかしの代わりに、変更イベントを使用して、結果を表示するためにユーザーがもう一度クリックする必要はありません。