0

私は古典的な HTML 選択ボックスを持っています:

Show:
<select name="show" id="showThreads">
   <option value="all" selected="selected">All</option>
   <option value="new">Only unread</option>
</select>

ここで、ユーザーがボックス内の選択を変更したときに (jQuery を使用せずに) Ajax リクエストを作成するには、JavaScript が必要です。私が試してみました：

  • タグのクリックをリッスンしますが<option>、キーボードやタッチ デバイスを使用しているユーザーには機能しません
  • ある間隔でタグをループして<option>、選択したタグが変更されたかどうかを確認しましたが、2番目のオプションにカーソルを合わせただけでもトリガーされたように見えました.

すべてのブラウザ/デバイスで機能するこれを行う方法はありますか? ありがとう！

4

3 に答える 3

3

タグを聞いてくださいonChange。<select>

于 2012-06-20T19:44:36.920 に答える
3

"change"イベントをお試しください。

document.getElementById("showThreads").onchange = function() {

};
于 2012-06-20T19:45:05.270 に答える
0 
function yourAjaxCall(something) {

}

<select name="choice1" size="1" onchange="yourAjaxCall(this);">
    <option value="one">first</option>
    <option value="two">second</option>
    <option value="three">third</option>
</select>
于 2012-06-20T19:47:34.770 に答える