Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery创建正确的选择下拉列表?_Jquery - Fatal编程技术网

如何使用jQuery创建正确的选择下拉列表?

如何使用jQuery创建正确的选择下拉列表?,jquery,Jquery,我的选择下拉列表有问题,无法修复。从一开始,我有两个下拉列表来排序块 当我从第一个列表中进行选择时,我不能在第二个列表中进行选择,但当我在第二个下拉列表中进行选择时,我可以在第一个列表中进行选择,但在第二个选择列表不可选择后,它会停在第一个选项上 为了明确下拉列表不相关,我的意思是您可以从2个列表中选择1个选项。列表1选项或列表2选项 <div class="top_timber_search"> <div class="timber_padding"> <

我的选择下拉列表有问题,无法修复。从一开始,我有两个下拉列表来排序块

当我从第一个列表中进行选择时,我不能在第二个列表中进行选择,但当我在第二个下拉列表中进行选择时,我可以在第一个列表中进行选择,但在第二个选择列表不可选择后,它会停在第一个选项上

为了明确下拉列表不相关,我的意思是您可以从2个列表中选择1个选项。列表1选项或列表2选项

<div class="top_timber_search">
<div class="timber_padding">
    <span class="sektor_select">Sektor</span>
    <select id="Sektor" class="sort">
        <option value="">wybierz sektor</option>
        <option value="13">Klasy 1-3 szkoła podstawowa</option>
        <option value="46">Klasy 4-6 szkoła podstawowa</option>
        <option value="gimnazjum">Gimnazjum</option>
        <option value="liceum">Liceum</option>
        <option value="uczelnie">Uczelnie i szkoły językowe</option>
    </select>
    <span class="trener_select">Trener</span>
    <select id="Trener" class="sort">
        <option value="">wybierz trenera</option>
        <option value="cichminska">Monika Cichmińska</option>
        <option value="kerr">Philip Kerr</option>
        <option value="kotorowicz">Karolina Kotorowicz-Jasińska</option>
        <option value="parr">Anna Parr-Modrzejewska</option>
        <option value="rosinska">Marta Rosińska</option>
        <option value="spiewak">Grzegorz Śpiewak</option>
    </select>
</div>
</div>

<script>

jQuery(window).load(function() {

jQuery('.timber_padding').live('change', function() {
    jQuery("div.block").css("margin-right", "10px"); 
    jQuery('.st_container .block').show();

    var sectorVal = jQuery('#Sektor option:selected').val();
    var trenerVal = jQuery('#Trener option:selected').val();


    if(sectorVal != '' ) {
        jQuery("div.block").show();
        jQuery.each(jQuery('div.block'),function() {
            if(!jQuery(this).hasClass(sectorVal)) {
                jQuery("#Trener option:nth(0)").attr('selected',true).siblings().removeAttr('selected');
                jQuery("#Sektor option[value='" + sectorVal + "']").attr('selected',true).siblings().removeAttr('selected');
                jQuery(this).hide();    
            }                                     
        });

    }else if(trenerVal != '' ) {
        jQuery("div.block").show();
        jQuery.each(jQuery('div.block'),function() {
            if(!jQuery(this).hasClass(trenerVal)) {
                jQuery("#Sektor option:nth(0)").attr('selected',true).siblings().removeAttr('selected');
                jQuery("#Trener option[value='" + trenerVal + "']").attr('selected',true).siblings().removeAttr('selected');
                jQuery(this).hide();    
            }                                     
        });

    }
    jQuery(".st_container div.block:visible").each(function(i){
            if ( !((i+1) % 3) ) { // every third from result set.
                $(this).css("margin-right", "0px");
            }
    })
});

})

</script>

也许你应该使用复选框而不是选择?我不能,因为将来会有很多选择。它几乎可以工作,但我需要jQuery编码器的帮助,我是一个非常初学者