js设置下拉框选中后change事件⽆效解决下拉框部分代码:
<select id="bigType">
<option value="">请选择</option>
<option value="1">xiamen</option>
<option value="2">beijing</option>
</select>
<select id="smallType">
<option value="">请选择</option>
</select>
如果给"bigType"的下拉框添加change事件来动态改变"smallType"下拉框的值的话,代码如下:
jQuery("#bigType").change(function(){
/
/do something
});
那么,通过js设置"bigType"某项选中后,如:
jQuery("#bigType option[value="1"]").attr("selected","selected")
//jQuery("#bigType option:contains("xiamen")").attr("selected","selected")
该change事件不会⾃动触发,解决办法:
⾃定义change⽅法,在下拉框中添加onchage事件并传参(当前选中的value值),⾃定义调⽤时间:
<select id="bigType" onChange="getVariety(this.options[this.selectedIndex].value)">
<option value="">请选择</option>
</select>
function getVariety(val){
/
jquery获取下拉框选中值/set some options checked
}
⾄此解决。。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论