Javascript 如何显示我的DIV?
我有一个下拉菜单,所以当我点击第一项时,我想显示DIV id=city3。当我选择另一个项目时,它会自动显示DIV id=km 问题:当我选择第一个项目时,Div id=city3不可见,而当我选择另一个项目时,Div id=km可见。所以我想在选择第一项时显示div id=city3 这是代码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
$("#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();
});
});