通过拥有列表ID,只有id隐藏不完整的li

时间:2013-09-10 11:20:29

标签: javascript html css

我有以下HTML,并希望使用输入

来隐藏列表<li>

Demo

隐藏输入时,甚至应该隐藏li

请帮助....

$(document).ready(function(){
$('#city').show();
$('#target_school_id').hide();
$('#zip_code').hide();

$("#select_type").change(function() {
    var id = $(this).children(":selected").attr("id");
        //alert('id='+id);
    if (id=="by_location"){
        $('#city').show();
        $('#school_name').show();
        $('#state').show();         
        $('#zip_code').hide();          
    }
    else if(id=="by_zip_code")
    {
        $('#city').hide();
        $('#school_name').hide();
        $('#state').hide();
        $('#target_school_id').hide();
        $('#zip_code').show();
    }
    else if(id=="by_school_id")
    {
        $('#city').hide();
        $('#school_name').show();
        $('#state').hide();
        $('#target_school_id').hide();
        $('#zip_code').hide();
    }
});

 });

1 个答案:

答案 0 :(得分:1)

here是您问题的解决方案

you just have to hide their parents too.. using .parent()