失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html取消select下拉 取消下拉选项_jquery如何取消选择select下拉框

html取消select下拉 取消下拉选项_jquery如何取消选择select下拉框

时间:2024-02-20 02:30:45

相关推荐

html取消select下拉 取消下拉选项_jquery如何取消选择select下拉框

摘要 腾兴网为您分享:jquery如何取消选择select下拉框,中邮网院,天天美剧,搜狐视频,七哈小说等软件知识,以及比特彗星,cad素材包,交易猫app,视频调色软件,网易云歌单,小米温湿度传感器,装配式设计软件,富士通打印机网,百度网盘公开目录地址,上海苹果家园,pic编程软件,acdsee10,欧姆龙软件,电子屏幕软件,海米科技等软件it资讯,欢迎关注腾兴网。用jquery实现取消下拉框选择项。 需求:有三个select下拉框 一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项 1,三个select: 复制代码 代码示例: sel...

用jquery实现取消下拉框选择项。

需求:有三个select下拉框

一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项

1,三个select:

复制代码 代码示例:

全部

aa

bb

全部

a

a

a

a

a

全部

b

2,jquery扩展,调用时,使用$("select").removeSelected();

复制代码 代码示例:

jQuery.fn.removeSelected = function() {

this.val("");

};

大类选择框选中时,调用selectFunction()方法:

复制代码 代码示例:

function selectFunction(){

if($("#sel_type").val()=="7"){

$("#sel_children0").show();

$("#sel_children1").hide();

$("#sel_children1").removeSelected();

}else if($("#sel_type").val()=="8"){

$("#sel_children1").show();

$("#sel_children0").hide();

$("#sel_children0").removeSelected();

}else{

$("#sel_children0").hide().removeSelected();

$("#sel_children1").hide().removeSelected();

}

}

相关推荐

如果觉得《html取消select下拉 取消下拉选项_jquery如何取消选择select下拉框》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。