jquery - onclick div值变化

Question

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

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