微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery select自动选中功能实现方法分析

本文实例分析了jQuery select自动选中功能实现方法分享给大家供大家参考,具体如下:

rush:js;"> //筛选 var typeid = ""; var bigclassid = ""; var smallclassid = ""; $("#typeid option[value="+typeid+"]").attr("selected",true); $("#typeid").change(); $("#bigclassid option[value="+bigclassid+"]").attr("selected",true); $("#bigclassid").change(); $("#smallclassid option[value="+smallclassid+"]").attr("selected",true);

获取值后,设置自动选中。

选中之后,调用change()方法。change方法显示出下一级的select框。然后再选中,再调用change()方法。这样就把三级的select框都显示出来了,并且认选中了。

rush:js;"> $(document).ready(function(){ //ajax级联 $("#typeid").change(function(){ var id = $(this).val(); setbigclass(id); }); $("#bigclassid").change(function(){ var id = $(this).val(); setsmallclass(id); }); $("#screen_submit").click(function(){ $("#screenform").submit(); }); }); function setbigclass(id){ var res = ajaxgetbigclass(id); if(res){ myobj = eval(res); var strHtml=""; for(var i=0;i"+myobj[i].name+""; } $("#bigclassid").html(strHtml); $("#bigclassid").show().change(); }else{ $("#bigclassid").html('"; for(var i=0;i"+myobj[i].name+""; } $("#smallclassid").html(strHtml); $("#smallclassid").show(); }else{ $("#smallclassid").html('').hide(); } }

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

原文地址:https://www.jb51.cc/jquery/44099.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐