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程序设计有所帮助。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...