javascript select inputイベント

Question

私はjavascriptから選択入力を作成し、ユーザーがオプションを変更したときに関数をバインドしようとしています。これまでのところ、私は持っています：

filter.change = function() { 
    console.log("CHANGED"); 
} 

何か他のものを選択すると何も起こりません。このコードで何が間違っていますか。また、関数で新しい選択値を取得するにはどうすればよいですか？ような何か：

console.log(this.value + "has been selected") 

Answer 1

あなたが接近していたが、あなたはonchangeを使用する必要があります、あなたがすべきaddEventListener（およびattachEvent）たびもちろん

filter.onchange = function() { 
    alert("CHANGED"); 
    //You can alert the value of the selected option, using this: 
    alert(this.value + " was selected"); 
} 

Delanが言ったように可能。例：あなたはjQueryを使用する場合は

//Define a onchange handler: 
var changeHandler = function() { 
    alert("CHANGED"); 
    //You can alert the value of the selected option, using this: 
    alert(this.value + " was selected"); 
} 
//First try using addEventListener, the standard method to add a event listener: 
if(filter.addEventListener) 
    filter.addEventListener("change", changeHandler, false); 
//If it doesn't exist, try attachEvent, the IE way: 
else if(filter.attachEvent) 
    filter.attachEvent("onchange", changeHandler); 
//Just use onchange if neither exist 
else 
    filter.onchange = changeHandler; 

Answer 2

あなたがこの方法を使用する場合は、プロパティ名がonchangeです：

filter.onchange = function() { 
    alert(this.value + "has been selected"); 
}; 

詳しい情報：

• MDN - HTMLSelectElement
• quirksmode.org - Traditional event registration model

注：イベントハンドラを登録する別の方法もあります。これにより、同じイベントに対して複数のイベントハンドラを割り当てることができます。詳細はquirksmode.org - Advanced event registration modelsをご覧ください。

Answer 3

が、あなたは1がすべき、この

$('select').change(function(){ 
    alert($('select').val() + ' was just selected'); 
}); 

のようにそれを使用するか、または代わりに、もちろん.change