onclick div值的变化

Question

我想通过单击选项值来更改div值。我尝试了一些方法来实现它。它在Firefox中运行良好。但它不起作用。这是我的小提琴地址。我找不到解决方案。

http://jsfiddle.net/gzcz5/2/

这是我的脚本代码：

$(".citydrop option").click(function(){
    var count=$(".citydrop option").length;
    var idval=$(this).attr('value');
    $(".neighborhoods ul.lists").each(function() { 
        $(this).css("display","none");
    });
    $('ul#'+idval).css("display","block");
});

Answer 1

您需要使用$(".citydrop").change(function(){代替$(".citydrop option").click(function(){并删除attr('value');并粘贴val()

试试这个，

$(".citydrop").change(function(){
    var count=$(".citydrop option").length;
    var idval=$(this).val();
    $(".neighborhoods ul.lists").each(function(){
        $(this).css("display","none");
    });
    $('ul#'+idval).css("display","block");
});

Demo