[解決済み] Trigger change() event when setting <select>'s value with val() function
2022-05-17 08:31:27
Question
What is the easiest and best way to trigger change event when setting the value of select element.
I've expected that executing the following code
$('select#some').val(10);
または
$('select#some').attr('value', 10);
would result in triggering the change event, which i think is pretty logic thing to be done. Right?
Well, it isn't the case. You need to triger change() event by doing this
$('select#some').val(10).change();
または
$('select#some').val(10).trigger('change');
が、selectの値がjavascriptのコードによって変更されるとすぐに変更イベントをトリガーするような解決策を探しています。
どのように解決するのですか?
私は非常に似たような問題を抱えていました。あなたの提案したコードは私にとって素晴らしい働きをしたので、あなたが何に問題を抱えているのかよくわかりません。 それは すぐに (あなたの要件) は、次の変更コードをトリガーします。
$('#selectField').change(function(){
if($('#selectField').val() == 'N'){
$('#secondaryInput').hide();
} else {
$('#secondaryInput').show();
}
});
それから、データベースから値を取り出し (これは新しい入力と既存のレコードの編集の両方のためにフォームで使われます)、それを選択された値として設定し、上記のコードを起動するために欠けていた部分を追加しました。 .change() "。
$('#selectField').val(valueFromDatabase).change();
データベースからの既存の値が 'N' である場合、私のフォームの二次入力フィールドを直ちに隠すようにします。
関連
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] JavaScript - 二重引用符のエスケープ
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] jQuery - セレクトコントロールの選択値をテキスト記述で設定する
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQueryの.ajax()メソッドが私のセッションクッキーを送信しないのはなぜですか?
-
[解決済み] jQuery select change event get selected option.
-
[解決済み】select(ドロップダウン)の値を変更前に取得する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQueryのSELECT要素で特定のオプションを選択するにはどうすればよいですか?
-
[解決済み] jQuery hasAttrで要素に属性があるかどうかをチェックする【重複あり
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】jQueryのテンプレートエンジン【終了しました
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。