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

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

//筛选var typeid = "<！--{$typeid}-->";var bigclassid = "<！--{$bigclassid}-->";var smallclassid = "<！--{$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框都显示出来了，并且默认选中了。

$（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="<option value=0>全部大类</option>";for（var i=0;i<myobj.length;i++）{strHtml+="<option value=""+myobj[i].id+"">"+myobj[i].name+"</option>";}$（"#bigclassid"）.html（strHtml）;$（"#bigclassid"）.show（）.change（）;}else{$（"#bigclassid"）.html（"<option value=""></option>"）.hide（）;$（"#smallclassid"）.html（"<option value=""></option>"）.hide（）;}}function setsmallclass（id）{var res = ajaxgetsmallclass（id）;if（res）{myobj = eval（res）;var strHtml="<option value=0>全部子类</option>";for（var i=0;i<myobj.length;i++）{strHtml+="<option value=""+myobj[i].id+"">"+myobj[i].name+"</option>";}$（"#smallclassid"）.html（strHtml）;$（"#smallclassid"）.show（）;}else{$（"#smallclassid"）.html（""）.hide（）;}}

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表单（form）操作技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。