ドロップダウンの値を選択するためにJqueryを使用しています。
OnChangeイベント(.jqueryでは.change)が必要ですが、ドロップダウンに1つのオプションしかない場合は、onChangeイベントで取り込むことができません。
私のドロップダウンは動的に形成されるので、いくつのオプションがいくつあるか分かりませんが、オプションが1つだけあれば問題に直面しています。
1つだけOnChangeイベントをキャプチャする方法はありますか?ドロップダウンに値が1つしかない場合、HTMLドロップダウンはonChange()をキャプチャできません
3
A
答えて
0
0
<label for="checkboxThatUsedToBeASelect">
<input type="checkbox" id="checkboxThatUsedToBeASelect" name="checkboxThatUsedToBeASelect" value="something" />
</label>
$('#checkboxThatUsedToBeASelect').change(function(){
});
これで、ユーザーフレンドリーな入力が得られました。このチェックボックスをオンまたはオフにすると、変更がトリガーされます。 :D
-2
0
条件付きイベントバインダーについてはどうですか?次のようなもの:
var changeHandler = function (method) {
alert(method);
};
if ($('select option').length > 1) {
$('select').change(function() {
changeHandler('change');
});
} else {
$('select').click(function() {
changeHandler('click');
});
}
1
あなたはonchangeイベントをする必要はありません。 onchangeから呼び出される関数を持っていて、アイテムが1つしかない場合は、その関数を呼び出してください。
function populate() {
//do work to populate #selector
if($("#selector option").length == 1) {
$("#selector").hide();
workerFunction();
} else {
$("#selector").show();
}
$("#selector").change(workerFunction);
//the following line of code will work like a default:
workerFunction();
}
function workerFunction() {
//put whatever used to be in your onChange function here
}
関連する問題
- 1. HTMLドロップダウンonChange値はSQLクエリーで使用されます
- 2. 隠し入力ドロップダウンでクリックイベントをキャプチャできません
- 3. Selenium Pythonはドロップダウンから値を選択できませんが、ドロップダウンを開くにはクリックできます
- 4. ドロップダウン値を選択できません
- 5. ドロップダウン値が同じ場合にonchangeイベントを呼び出す方法
- 6. CoDropsドロップダウンのonChangeイベントが機能しません
- 7. Yii2 Jquery onchangeドロップダウン
- 8. onChangeイベントをキャプチャできません
- 9. テキストがドロップダウンに存在しない場合、DataGridComboBoxColumnは空です。
- 10. open route .show onchangeをドロップダウンしたとき
- 11. ドロップダウンから1つの値を選択
- 12. ブートストラップのドロップダウンはドロップダウンされません
- 13. 1つのドロップダウンの値が選択されている間に別のドロップダウンを置き換えます。
- 14. ドロップダウンはソートできません
- 15. ドロップダウンで1つが選択されている場合、SQLは2つのレコードを取り出します
- 16. ngModelを使用してドロップダウン値を取得できません
- 17. セルの値がnullでない場合にドロップダウンを無効にする
- 18. JQuery合計テキスト入力値選択ドロップダウン値がDIV値と等しい場合
- 19. ドロップダウンから値が選択されていない場合、テキストボックスをVB.netデータベースに追加できます
- 20. ドロップダウンの値を正しく取得できません
- 21. 私のHTMLドロップダウンはIE6では機能しません
- 22. knockoutJSのドロップダウンにデフォルト値をバインドできません
- 23. WinFormにフルドッキングリストボックスが1つしかない場合、MouseLeaveは起動しません。
- 24. 長いオプション値の場合、ドロップダウンが画面外になります。
- 25. HTMLヘッダーのドロップダウンが機能しない
- 26. コンボボックスが空で、ドロップダウンしません
- 27. 別のHTMLドロップダウン選択に基づいてHTMLドロップダウンの値を設定する
- 28. ajaxドロップダウンから選択した値を渡すことができません
- 29. ブートストラップnavbarドロップダウンが1ページのみで動作しません
- 30. history.go(-1)関数がドロップダウンで動作しません
インターフェイスデザインの欠陥があります。ドロップダウンに1つしか選択できない場合は、ドロップダウンがジョブの誤った制御になります。 –
@Joel - これは正しいアプローチであるケースはあります。例:「Select Planet」と「Select Moon」。そうすれば、2つ目のドロップダウンが0〜63の間で変化することがあります(Cruithneを数える場合を除いて、地球には1つのオプションしかありません)。 – Niklas
@JoelEtherton、ドロップダウンは動的に形成されます。 – Debugger