Javascript 如何显示我的DIV?

Javascript 如何显示我的DIV?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个下拉菜单,所以当我点击第一项时,我想显示DIV id=city3。当我选择另一个项目时,它会自动显示DIV id=km 问题:当我选择第一个项目时,Div id=city3不可见,而当我选择另一个项目时,Div id=km可见。所以我想在选择第一项时显示div id=city3 这是代码 $("#city_to").change(function() { var id=$(this).val(); var dataString = 'id='+ id; if(id

我有一个下拉菜单,所以当我点击第一项时,我想显示DIV id=city3。当我选择另一个项目时,它会自动显示DIV id=km

问题:当我选择第一个项目时,Div id=city3不可见,而当我选择另一个项目时,Div id=km可见。所以我想在选择第一项时显示div id=city3

这是代码

$("#city_to").change(function()
{
    var id=$(this).val();
    var dataString = 'id='+ id;
    if(id==1)
    {
         $("#city3").show();
         $(".km").hide();
         $(".distance").val('');
         $(".allowance1").val('');
         $(".hq_allowance1").val('');
         $(".exhq_allowance1").val('');
         $(".os_allowance1").val('');
         $(".total_allowance").val('');
         $(".total").val('');
    }
    else
    {   
        $(".km").show();
        $("#city3").hide();

        $(".allowance").val('');
        $(".hq_allowance").val('');
        $(".exhq_allowance").val('');
        $(".os_allowance").val('');
        $(".total_allowance1").val('');
        $(".total").val('');

        $.ajax
        ({
            type: "POST",
            url: "ajax_pages/km.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                $(".km").html(html);
            } 
        });
    }
});

请参阅我的示例,以便您了解工作流程


你确定身份证吗?看起来你没有进入if,但在else。。。尝试var_转储idconsole.logid的值您的id:BTW,第二个块显示class=km,而不是id=km。我找到了我的解决方案。谢谢。解决方案是?很难将其链接到所要求的内容,您能否至少添加一个关于abc1的条件以显示/隐藏2个不同的div?为什么需要条件首先隐藏所有div,然后从数据id属性获取值,然后显示此特定id show不要求为下拉列表的每个项目显示div。当您选择第一个div时,它会被要求显示一个div,而其他所有div都会显示一个div,包括一个ajax调用,因此非常具体的行为……我找到了我的解决方案。非常感谢。
<ul>
    <li class="abc" data-id="abc1">Home</li>
    <li class="abc" data-id="abc2">about</li>
    <li class="abc" data-id="abc3">serive</li>
    <li class="abc" data-id="abc4">contact</li>
</ul>
<div class="mm" id="abc1">Home worlld</div>
<div class="mm" id="abc2">about worlld</div>
<div class="mm" id="abc3">Service worlld</div>
<div class="mm" id="abc4">Contact worlld</div>


$(document).ready(function(){
    $(".mm").hide();
    $(".abc").click(function(){
          var mm = $(this).data("id");
            $(".mm").hide();
            $("#"+mm).show();
      });
});