php - 同じIDとクラス名を持つ複数のテキストボックスのaddeventlistener

Question

addeventlistener の実行に問題があります。これは私のコードです。

function gettext(){
     var val=this.value; 
    console.log(val);
} 
var get=document.getElementById('ids'); 
for(i=0; i<get.length;i++){
     console.log(i);
     document.getElementById(get[i]).addEventListener('focus', gettext, false);
}

Answer 1

このフィドルを見てください：http://jsfiddle.net/4jDBx/

Prabha Karan が言ったように、ID は一意である必要があります。代わりにクラスを使用してください。

function gettext() {
    var val = this.value;
    console.log(val);
}
var get = document.getElementsByClassName('test1');
for (i = 0; i < get.length; i++) {
    console.log(i);
    get[i].addEventListener('focus', gettext, false);
}

必要に応じて、1 つの要素に対して複数のクラスを定義できます。単に使用する<input type="text" id="id1" class="test1 secondClassName thirdClassName" value="test1">