从选择 onChange [重复] 调用 javascript 函数答案

【问题标题】：Calling javascript function from a select onChange [duplicate]从选择 onChange [重复] 调用 javascript 函数
【发布时间】：2014-07-15 05:54:23
【问题描述】：

所以我有一个简单的 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 'c' 大写字母，我也有。有什么可能的帮助吗？我将不胜感激。

【问题讨论】：

它非常适合我。 JSFIDDLE例子
我正在使用谷歌浏览器。我在 IE 中试过了，还是不行
我有，它可以工作 - 但我在另一个选项卡中打开了完全相同的代码，它直接不起作用。 Bizzare x_X 谢谢？？不知道怎么回事
@Genome314 如果您也在使用 JSFiddle，请注意默认选项之一是“onLoad”，而 Yaje 的小提琴使用的是“No wrap”。此选择将影响您输入的代码的范围。 Simple example doesn't work on JSFiddle
@JonathanLonowski 这似乎是问题所在，谢谢。另外，谢谢亚杰

标签： javascript html onchange

【解决方案1】：

<!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。

【讨论】：

不。 onchange 在 html 标记中不区分大小写