将javascript函数绑定到<；选择>；

我想做一些类似的事情：

<select>
    <option> escapeXml("Black") </option>
    <option> doFunction("Brown") </option>
    <option> doOtherFunction("Red") </option>
</select>

escapeXml（“黑色”）
“棕色”功能
doOtherFunction（“红色”）

我将如何实现这一点

---

谢谢。

简单的方法是为onChange或onBlur调用单个javaScript函数。获取该函数中的选定值

---

使用if..else循环根据值调用其他函数。

因为每个选项需要不同的函数

…我会这样做：

<script type="text/javascript">
function myFunction(select){
    var value = select.options[select.selectedIndex].value;
    switch(value){
        case "Black": escapeXml("Black"); break;
        case "Brown": doFunction("Brown"); break;
        case "Red": doOtherFunction("Red"); break;
        default: return;
    }
}
</script>

<select id="mySelect" onchange="myFunction(this)">
    <option value="Black"> Black </option>
    <option value="Brown"> Brown </option>
    <option value="Red"> Red </option>
</select>

---

您可以在select元素上侦听更改事件，然后检查所选选项的值，并调用相应的函数让我知道您不会在加载时使用选项填充选择字段。。。使用javascript？或者你不能为每个选项调用不同的函数？或者两者都有？

window.addEventListener("load",function(){
    myFunction(document.getElementById("mySelect"));
},false);