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