js获取select改变事件
转⾃:blog.csdn/wujiangwei567/article/details/39348749
我⼀直以来都认为,select 下拉框选择对选项 options 使⽤ onclick 注册事件即可,如下:
[html]
1. <select>
2. <option value="0" onclick="func(0)">选项⼀</option>
3. <option value="1" onclick="func(1)">选项⼆</option>
4. </select>
今天有个要求需要做联动菜单,就是每点⼀次,相邻的下拉框会⾃动改变,我⼀想没问题啊,onclick⾛起
于是⾛上⾯的路线,客户还说了,IE8必须⽀持,我想想也是,XP的IE内核只能升到IE8,现在很多⽤户依然
舍不得XP,但是它⽀持onclick啊,我在ff下试过了,⼀点问题没有,但是⼀切换IE8下,告诉你,⼀点反应没有
然后多⽅查资料,原来select 它的事件是注册在⾃⼰标签上的,不是onclick,⽽是onchange,⼦标签对低版本浏览器⽆效,⽽且也不是正规标准的写法。
[html]
1. <select onchange="func()>
2. <option value="0" >选项⼀</option>
3. <option value="1" >选项⼆</option>
4. </select>jquery获取下拉框选中值
好,问题⼜来了,我传的参数怎么办?怎么接收参数
这不是问题,jquery给你答案
[javascript]
1. function func(){
2. //获取被选中的option标签
3. var vs = $('select option:selected').val();
4. }
当然这⾥的 select 最好加个id 以便混淆,ok,问题解决,涨姿势了⽊有呢,哈哈。。。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论