javascript – select onclick onchange not working [closed]

前端之家收集整理的这篇文章主要介绍了javascript – select onclick onchange not working [closed]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在试图将这个数字解析出来,我不明白为什么我的 javascript不起作用.我有一个这样的选择按钮
<select onclick="populateList()">
    <option>1</option>
    <option>2</option>
</select>

我的Javascript在同一个文件夹中,并链接为:

<script src="script.js"></script>

在该文件中,功能非常简单.只是:

function populateList() {
console.log("Test");
}

而且不行.任何想法为什么?

编辑:

我试过做onchange,onchange(),onclick,onclick(),onClick()等等.并没有什么.

编辑2:我没有改变任何东西,但它开始工作.谢谢你们.非常喜欢.

编辑3:Nevermind.至少这个脚本直接在html中,但是在script.js中却不行

解决方法

尝试使用这个代码,在 JSFiddle工作:

JS部分:

function populateList(){

    alert("Test");
}

HTML部分:

<select onchange="populateList();">
    <option>1</option>
    <option>2</option>
</select>​

编辑:

正如您在编辑中所说,它在脚本中而不是JS时起作用.我可以猜到的原因是它包装在onLoad或onDomReady函数中 – 请参阅:

http://jsfiddle.net/xUk5K/1/

请注意,只有当框架设置为“无包装(头或体)”,而不是onDomReady或onLoad时,jsfiddle才可以工作.

如果在你的js文件中,你的代码被包装成类似的东西

$(document).ready(function(){

    function populateList(){

        alert("Test");
    }
});

它不会奏效尝试从中删除它,并将其放在最上面,在附加的js文件中,并将js文件附加在您现在在脚本中硬编码js的相同位置 – 现在工作了吗?

Here’s the code in an actual html and js file,绝对没有什么改变,除了在html和console.log中的onclick到onchange以在js中提醒.工作完美

猜你在找的JavaScript相关文章