処理するイベントは<select>から選択できますか？

Question

私はajaxによって読み込まれるオプションを持つselectを持っています。そのユーザーがオプションを選択した後、追加のデータがajaxから取得されます。もちろん 少なくとも一つのこれらのオプションは、すぐに私は、このオプションの変更をリッスンするときの選択がそのようなオプションで満たされているように選択される：

$('article select.fetchedPosts').on('change', function() { 
//do stuff and things 
}) 

とユーザーが（すでに選択デフォルトでは）最初のデータをフェッチしたいオプション何も変わっていないのでイベントは発砲していません... キーボードやマウスを使用して、選択したものから何かを選択するたびに発生するイベントはJSにありますか？

Answer 1

オプション1の代わりにデフォルトを使用できます。ユーザーは選択を置き換える必要があります。

<select> 
    <option>select option...</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

Answer 2

changeが正しいイベントである必要があります。 MDN docsによると：ユーザーが明示的に（マウスクリックでのドロップダウンリストから値を選択することにより、例えば、変更をコミット

、[...]

の日付ピッカーから日付を選択することにより、

は、オプションをクリックするか、キーボードで選択する試すことができますページの最後に、実際の例selectありますし、それぞれの時間は、それがイベントを発生また、ブラウザによって変更される可能性があり

：。

特定の種類の操作で変更イベントを発生させる必要があるかどうかは、ブラウザによって異なります。たとえば、要素のキーボードナビゲーションは、ユーザーがEnterキーを押すかフォーカスをGento以外の場所に移動するまで、変更イベントを発生させることはありません。