gpt4 book ai didi

Javascript onchange 选择不工作

转载 作者:行者123 更新时间:2023-11-28 05:05:47 24 4
gpt4 key购买 nike

我正在尝试在选择元素上使用 javascript 创建一个 onchange 事件。但它不起作用,有任何提示我做错了什么吗?

脚本..

<script type="text/javascript">
function check() {
alert("Hi");
}
</script>

HTML..

<body> 
<select name="selTitle" id="titles" onchange="check();">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
</body>

演示 - http://jsfiddle.net/jq9UA/1/

最佳答案

Fiddle 中的问题是 JavaScript 代码正在运行以响应窗口加载事件(fiddle 的默认设置)。您运行的任何代码都是在加载回调的上下文中定义的,而不是在全局范围内。如果您查看为框架实际生成的 HTML,您会发现它看起来像这样

$(window).load(function(){
function check() {
alert("Hi");
}

});

这意味着您的代码定义了一个 check 函数,它是加载回调的本地函数,但事件处理程序想要调用全局定义的 check 函数。

要解决此问题,您需要使用一种在全局上下文中定义 JavaScript 的 fiddle 设置。尝试“不包裹(头部)”。

fiddle :http://jsfiddle.net/jq9UA/3/

关于Javascript onchange 选择不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7933053/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com