萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Select標簽下拉列表二級聯動級聯實例代碼

Select標簽下拉列表二級聯動級聯實例代碼

 這篇文章主要介紹了Select標簽下拉列表二級聯動級聯實例代碼,需要的朋友可以參考下

首先從服務器端,綁定下拉列表,二級下拉的text命名按照一定規則加上一級下拉的ID。 代碼如下: var options=new Array();     $(document).ready(function(){         //二級聯動         $('#ddlPages').children('option').each(function(i){             options[i]='<option value="'+$(this).val()+'">'+$(this).text()+'</option>';         });//將option列表放到數組裡         $('#ddlPages option:gt(0)').remove();    //清楚下拉         $('#ddlSubsystems').bind('change',function(){        //注冊事件             var systemname=$('#ddlSubsystems option:selected').text();             for(var j=0;j<options.length;j++){                 $('#ddlPages').append(options[j]);             }    //option列表先初始化             $('#ddlPages option:gt(0)').each(function(i){    //遍歷排除                 var textname=$(this).text();                 var index=textname.indexOf('-'+systemname);                 if(index<0){                     $(this).remove();                 }else{                     $(this).text(textname.substring(0,index));                 }             });             $('#ddlPages').val(0);                            //默認選中第一行         });     });  
copyright © 萬盛學電腦網 all rights reserved