abstract:本文實(shí)例分析了jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下://篩選 var typeid = "<!--{$typeid}-->"; var bigclassid = "<!--{$bigclassid}-->"; var sma
本文實(shí)例分析了jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
//篩選 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);
獲取值后,設(shè)置自動(dòng)選中。
選中之后,調(diào)用change()方法。change方法會(huì)顯示出下一級(jí)的SELECT框。然后再選中,再調(diào)用change()方法。這樣就把三級(jí)的SELECT框都顯示出來(lái)了,并且默認(rèn)選中了。
$(document).ready(function(){ //ajax級(jí)聯(lián) $("#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>全部大類(lèi)</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>全部子類(lèi)</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(); } }
更多關(guān)于jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法分析請(qǐng)關(guān)注PHP中文網(wǎng)(ipnx.cn)其他文章!