[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
2022-03-26 01:27:41
質問
のロジックは
change()
によって値が設定されたとき、イベントハンドラは実行されません。
val()
しかし、ユーザーがマウスで値を選択すると実行されます。これはなぜでしょうか?
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<script>
$(function() {
$(":input#single").change(function() {
/* Logic here does not execute when val() is used */
});
});
$("#single").val("Single2");
</script>
解決方法は?
なぜなら
change
イベントは、javascript のコードを介してではなく、ユーザーによって開始される実際のブラウザイベントを必要とします。
代わりにこうしてください。
$("#single").val("Single2").trigger('change');
または
$("#single").val("Single2").change();
関連
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQuery OR Selector?
-
[解決済み】ラジオボタン(INPUT type="radio")のOnChangeイベントハンドラが1つの値として動作しない。
-
[解決済み] jQueryを使用して文字列から最後の文字を削除する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript - 二重引用符のエスケープ
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQueryのSELECT要素で特定のオプションを選択するにはどうすればよいですか?
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryがどのバージョンで読み込まれているかを確認するには?
-
[解決済み] WebKit の event.layerX と event.layerY に関する問題
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] Trigger change() event when setting <select>'s value with val() function