Question

我编写了以下代码，根据在上一个选择菜单中选择的选项限制选择菜单中的选项。第一次选择#distrito时它工作正常，但是如果我在选择的区域中犯了错误或改变主意，它会保留我的第一选择和第二选择结果的选项。所以我正在寻找的方法是在开始时将选择器重置为默认状态，然后继续执行函数的其余部分，以便只有适当的选项类可用。在HTML中，下面的每个类都设置为style =＆＃34; display：none＆＃34;默认情况下。

 function facilityDistrict() {
 var x = $('#distrito').val();
 if (x == 'altoMolocue') {
   $(".altoMolocue").show();
    }
 else if (x == 'Chinde') {
 $('.Chinde').show();
 }
 else if (x == 'Gile') {
$('.Gile').show();
}
else if (x == 'Ile') {
$('.Ile').show();
}
else if (x == 'Inhassunge') {
$('.Inhassunge').show();
}
else if (x == 'MdC') {
$('.MdC').show();
}
else if (x == 'Mopeia') {
$('.Mopeia').show();
}
else if (x == 'Morrumbala') {
$('.Morrumbala').show();
}
else if (x == 'Namacurra') {
$('.Namacurra').show();
}
else {
$('.Pebane').show();
 }
}

Answer 1

我可能会为每个选项添加另一个类，可以很容易地引用它们来隐藏函数开头的所有选项：

function facilityDistrict() {
  var x = $('#distrito').val();
  if (
    x == 'altoMolocue' ||
    x == 'Chinde' ||
    x == 'Gile' ||
    x == 'Ile'
   ) {
     // Give all relevant elements the 'option' class
     $('.option').hide();
     $("."+x).show();
   }
}

清除选择选项onclick

1 个答案: