Query 容易实现select二级联动

Query 简单实现select二级联动
&lt; !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;jQuery 二级联动&lt;/title&gt;&lt;script src="http://wlog.com.cn/lib/jquery/jquery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;       $(document).ready(function(){           $("#province").change(function(){               $("#province option").each(function(i,o){                   if($(this).attr("selected"))                   {                       $(".city").hide();                       $(".city").eq(i).show();                   }               });           });           $("#province").change();       });&lt;/script&gt;&lt;/head&gt;&lt;body&gt;   &lt;select id="province"&gt;       &lt;option&gt;----请选择省份----       &lt;option&gt;北京       &lt;option&gt;上海       &lt;option&gt;江苏   &lt;/select&gt;   &lt;select class="city"&gt;   &lt;option&gt;----请选择城市----   &lt;/select&gt;   &lt;select class="city"&gt;       &lt;option&gt;东城&lt;/option&gt;       &lt;option&gt;西城&lt;/option&gt;       &lt;option&gt;崇文&lt;/option&gt;       &lt;option&gt;宣武&lt;/option&gt;       &lt;option&gt;朝阳&lt;/option&gt;   &lt;/select&gt;   &lt;select class="city"&gt;       &lt;option&gt;黄浦&lt;/option&gt;       &lt;option&gt;卢湾&lt;/option&gt;       &lt;option&gt;徐汇&lt;/option&gt;       &lt;option&gt;长宁&lt;/option&gt;       &lt;option&gt;静安&lt;/option&gt;   &lt;/select&gt;   &lt;select class="city"&gt;       &lt;option&gt;南京&lt;/option&gt;       &lt;option&gt;镇江&lt;/option&gt;       &lt;option&gt;苏州&lt;/option&gt;       &lt;option&gt;南通&lt;/option&gt;       &lt;option&gt;扬州&lt;/option&gt;   &lt;/select&gt;&lt;/body&gt;
</html>
Query 容易实现select二级联动

热点推荐
