如果在兩個具有相同值的選項之間切換時如何檢測選擇更改事件？

<select> 
    <option value="">Select</option> 
    <option value="10000">Minimum Coverage</option> 
    <option value="25000">Average Coverage</option> 
    <option value="">Other</option> 
</select>

我必須讓「選擇」和「其他」都具有空值，因爲字段上的驗證規則不允許除空字符串或數值之外的其他任何內容。底線，我需要能夠檢測用戶何時在「選擇」並點擊「其他」。可能嗎？如果在兩個具有相同值的選項之間切換時如何檢測選擇更改事件？

編輯：onChange似乎並沒有觸發。

來源

2014-04-01 antonpug

您可以顯示'onChange'不費一槍一演示？ – tymeJV

給他們其中一個值爲'-1'（或另一個值將超出你的選擇範圍），並檢查你的'onchange' – rgthree

您可以檢查selectedIndex屬性。如果每次項目更改時都想要發生某些情況，請使用事件綁定。

document.getElementsByTagName('select')[0].onchange = function() { 
    var index = this.selectedIndex; 
    var inputText = this.children[index].innerHTML.trim(); 
    console.log(inputText); 
}

FIDDLE

來源

2014-04-01 20:15:26 sabof

的change事件肯定火災，即使更改的選項具有相同的值：

jsfiddle.net/kyw2E

在change事件處理程序，您可以檢查this.selectedIndex財產以確定選擇哪個<option>。然後，您可以檢查所選擇的選項的text財產，如果這是有幫助的：

coverageSelector.onchange = function (e) { 
    var selectedOption = this[this.selectedIndex]; 
    var selectedText = selectedOption.text; 
}

來源

2014-04-01 20:26:23 gilly3

如果在兩個具有相同值的選項之間切換時如何檢測選擇更改事件？

回答

相關問題