javascript - 将事件处理程序绑定(bind)到 HTML select.option

Question

如果用户选择特定选项，我想显示一条警告消息，但没有出现警告。如何修改我的代码以使其正常工作？这是 demo on jsFiddle哪个重现了问题？

HTML:

<input type="text" id="mail_address"/>
<select>
    <option value='google.com'>google.com</option>
    <option onClick="warningaa()" value=''>Don't send mail</option>
</select>

JS:

function warningaa() {
    alert('If you choose this option, you can not receive any information');
}

Answer 1

您不能在下拉选项中使用单击操作。一种解决方案是使用 change在选择元素上:

html

<input type="text" id="mail_address" />
<select onchange="warningaa(this);">
    <option value='google.com'>google.com</option>
    <option value='error'>error</option>
</select>

js

function warningaa(obj) {
    if(obj.value == "error") {
        alert('If you choose this option, you can not receive any infomation');
    }
}

fiddle