从select onChange调用javascript函数

时间:2014-07-15 05:54:24

标签: javascript html onchange

所以我有一个简单的HTML选择框和一个javascript警报功能。我希望选择框有一个onchange事件,它将调用javascript警报功能。 这就是我到目前为止所做的:

HTML

<div style="float: left">Type: <select id="selector" onChange="jsfunction()">
  <option value="Pyr">Pyramidally</option>
  <option value="Lin">In-Lines</option>
  <option value="Sym">Symmetrically</option>
  <option value="Nsym">Non-Symmetrically</option>
</select>
</div>

的Javascript

function jsfunction(){
    alert("hi");
}

它不起作用,对于我的生活,我无法弄清楚为什么。大多数其他具有此性质的问题我发现""围绕调用函数 - 我已经获得或正在onChange&#39; c&#39;资本,我也有。任何可能的帮助?我非常感激。

1 个答案:

答案 0 :(得分:4)

<!DOCTYPE html>
<html>
    <head>
        <script>
            function jsfunction(){
                alert("hi");
            }
        </script>
    </head>
    <body>
        <select id="selector" onchange="jsfunction()">
            <option value="Pyr">Pyramidally</option>
            <option value="Lin">In-Lines</option>
            <option value="Sym">Symmetrically</option>
            <option value="Nsym">Non-Symmetrically</option>
        </select>
    </body>
</html>

有效。你在onchange中犯了一个错误。