jQuery 简单实现二级联动以及跳转

一篇个人心得,jQuery高手可以直接漂过了。
 

<script type="text/javascript">
$(document).ready(function(){
           $("#province").change(function(){
               $("#province option").each(function(i,o){
                   if($(this).attr("selected"))
                   {
                       $(".city").hide();
                       $(".city").eq(i).show();
                   }
               });
           });
           $("#province").change();
       });
 
function url(){
$.each($(".city"),function(i,o){
        if($(this).css("display")=="inline")
           {
            //alert ($(this).css("display"));
            window.open($(this).val());
            return false;
           }
  });
}
</script>

内容部分：
 

<select id="province">
    <option selected="selected">广东省</option>
    <option>湖南省</option>
</select>
<select class="city" id="cityStore">
    <option selected="selected" value="http://www.imacso.com/guangzhou/">广州市
    </option>
</select>
<select class="city" id="cityStore">
    <option selected="selected" value="http://www.imacso.com/hunan/">长沙市
    </option>
</select>
<a href="#" onclick="url();">
    <img border="0" class="vm" src="/static/css/i/member_ss.gif" />
</a>