javascript - テキスト ボックスが動的に生成されるループがあります。テキストボックスの値が変化したときにキャプチャーしたい

Question

テキスト ボックスが動的に生成されるループがあります。テキストボックスの値が変更されたときにキャプチャしたい。

一意の「id」値を持つ各テキスト ボックス。JavaScript または jquery を使用してテキスト ボックスの値を取得する方法を教えてください。

元：

<!-- here id will generate dynamically -->
<input type="text" id="text1" value="test"/>

Answer 1

テキスト ボックスに id が"myfield"ある場合、そのテキスト フィールドの値を次のように取得できます。

$('#myfield').val();

Answer 2

そのテキスト フィールドの値がいつ変更されたかをキャプチャするには、イベント ハンドラーを使用する必要があります。on()イベントが であるjQuery を使用する必要がありますchange。フィールド ID は動的であるため、すべての入力を監視し (特定のもののみを監視するように調整できます)、イベントが発生した後に、それがどれであるかを把握できます。を使用val()して、入力の新しい値attr()を取得し、ID (または名前) を取得します。

$('input[type="text"]').on('change', function(e) {
    alert($(this).val());
    alert($(this).attr('id'));
});