ページ上のテキストボックスが変更された場合は、

Question

のテキストボックスが変更されたかどうかを確認する方法は分かりますが、テキストボックスが変更された場合はどうなりますか？ アイデア

$("input[type=text]").change(function() { 

    // put your code here 

}); 

EDIT：

あなたはjQueryに新しく追加されたか、それを知らない場合、それはJavaScriptフレームワークですjQueryを使って

Answer 1

。 change()の機能については、hereをクリックしてください。

Answer 2

jQueryを使用できます。

テキストボックスにクラスを指定します。 class="onchange"はその後、いくつかのjQuery

$(function(){ 
    $('.onchange').change(function(){ 
     // your code in here. 
    }); 
}); 

にその方法を追加し、クラスonchangeを持つ任意のテキストボックスには、jQueryのchangeイベントを発生させます。

Answer 3

次のコードは、 "text"と等しいタイプのページのすべての入力タグにonchangeイベントリスナーを追加します。

var textboxes = document.getElementsByTagName("input"); 
for(var i = 0; i < textboxes.length; i++) { 
    if(textboxes[i].type == "text") { 
     textboxes[i].type.onchange = function() {alert("changed");}; 
    } 
} 

Answer 4

ループオーバーdocument.getElemenetsByTagName("input")。各要素について、タイプ== "text"であることを確認し、そうであればイベントリスナーを添付します。

jQueryのはラインでこれを行います。$("input[type=text]").on("change", function() { ... })

あなたは、ロード時間後に動的に作成されたテキストボックスのためにこれを行う一般$("input[type=text]").live("change", function() { ... })

Answer 5

を使用する場合は、1つのdivの中で、すべてのテキストボックスを持っています。 event bubblingを使用します。

// Add an event handler on your whole div 
document.getElementById('div-with-your-checkboxes').onchange = function(e) { 
    // Cross browser check 
    var evt = e || window.event 
    // Get the element that triggered the event 
    var target = evt.target || evt.srcElement 
    // Check if it is an INPUT element 
    if (target.tagName === 'INPUT') { 
     // Your code in here. 
    } 
} 

この方法で、あなたのdiv内のすべてonchangeのイベントをチェックする唯一のイベントを追加します。ちょうど簡単なチェックと完了です。

これは、すべてのinput要素に対してイベントハンドラを追加するよりも効率的です。 jQueryの方法は次のようになります：：

PSあなたが見ることができるように

$('#div-with-your-checkboxes').change(function(e) { 
    if ($(e.target).tagName === 'INPUT') { 
     // Your code in here. 
    } 
}) 

、jQueryのは本当に:-)この単純なタスクのために必要とされていません。