select 的onchange方法失效问题

最新推荐文章于 2024-05-10 18:23:42 发布

平安一生0708

最新推荐文章于 2024-05-10 18:23:42 发布

阅读量3.6k

点赞数

本文链接：https://blog.csdn.net/jiangjieyang/article/details/78060511

版权

我在做一个当select值发生改变时触发事件，但是浏览器报错，说searchSelect不是一个方法
代码如下：
function searchSelect(obj) {
    switch ($(obj).val()){
        case "0":
            alert(0);
            break;
case "1":
            alert(0);
            break;
case "2":
            alert(0);
            break;
}}
<select id="searchSelect" οnchange="searchSelect(this)" > 
<option value="0">用户名</option> 
<option value="1">姓名</option> 
<option value="2">性别</option> 
</select>
测试过多种方法之后，发现是因为select的id属性值searchSelect和方法名一样，冲突了，去掉id属性或者改掉属性值就没问题了
当然，首先要确定你的浏览器对于你的当前页面和js的缓存已经清掉，否则你的修改可能并没有加载到浏览器

参考资料：https://stackoverflow.com/questions/12816400/javascript-typeerror-xxx-is-not-a-function