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>
我们不Hack软件,我们只是优秀软件的搬运工。
麦氪搜(iMacso.com) » jQuery 简单实现二级联动以及跳转

2 评论

  1. ie6可能有问题,我这里测试ie所有版本没有问题啊,你看看是不是你的其他地方有误

  2. 你好,对于你那个jQuery简单实现二级联动以及跳转在IE中,当选择“湖南省”时,因为隐藏了“.city”的“广东省”,中间会留出一点间隔,而这在Firefox中则不会,我想问你你有没办法解决?

评论已关闭