javascript - 値を動的に設定した後にイベントが発生しないように変更する

Question

ポップアップウィンドウを開いて値が動的に設定されるたびに、変更イベントをテキストエリア (読み取り専用) にバインドしたいと考えています。

値を設定できますが、変更イベントが発生しません。

以下のコードを使用して、変更イベントを textarea にバインドしました。

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);
function onChangeCordinator(){}

Answer 1

どのように値を設定していますか？デフォルトでは、変更イベントは、ブラウザ ユーザーによって値が変更された場合にのみ発生します。

プログラムで値を設定している場合は、使用する必要があります.trigger('change')

したがって、onclick ハンドラーのどこかで次のことが必要になります。

$('textarea[name="Cordinator"]').trigger('change');

Answer 2

あなたのjsに構文エラーがあります

これをに変更

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);});

これ

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);

アップデート：

このようにテキストエリアに値を設定した後、手動でトリガーする必要があります

$('textarea[name="Cordinator"]').val('Set Your Value Here').trigger('change');

デモ