javascript選擇輸入事件

Question

我試圖從javascript創建一個選擇輸入，並將一個函數綁定到用戶更改選項時。到目前爲止，我有：

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

但選擇別的東西時沒有任何反應。這段代碼有什麼問題。另外，我怎樣才能在函數中獲得新的選定值？喜歡的東西：

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

Answer 1

你接近，你需要使用onchange：

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

當然作爲桑德蘭說，你應該addEventListener（和attachEvent）只要有可能。例如：

//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

，如果你會使用jQuery，你可以使用它像這樣

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

或使用.onchange

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

代替.change