jquery 二级联动

来源：互联网发布：枪林弹雨刷金币软件编辑：程序博客网时间：2024/06/06 02:00

$(function(){    function objInit(obj){      return $(obj).html('<option value="">请选择</option>');    }    var arrData={      '北京市':      {        京A:'京',京B:'京',京C:'京',京D:'京',京E:'京',京F:'京',京G:'京',京H:'京',京J:'京',京K:'京',京F:'京',京M:'京',京Y:'京'      },    '天津市':   {        津A:'津', 津B:'津', 津C:'津', 津D:'津', 津E:'津',        津F:'津', 津G:'津', 津H:'津'     }    };    $.each(arrData,function(pF){      $('#selF').append('<option>'+pF+'</option>');    });    $('#selF').change(function(){      objInit('#selT');      $.each(arrData,function(pF,pS){           if($('#selF option:selected').text()==pF){        $('#selT').html(null);                $.each(pS,function(pT,pC){                   $('#selT').append('<option>'+pT+'</option>');           });       }        })    });    $('#selF').trigger("change");     })

<select id="selF" style="width:75px;height:31px; border:1px solid #ddd;position:relative; top:1px;">

                               <option selected value="">请选省市</option>                                                        </select>                         <select id="selT" style="width:70px;height:31px; border:1px solid #ddd;position:relative; top:1px;">                               <option value="">请选择</option>                         </select>

0 0