Php jquery基于更改其他下拉列表禁用下拉列表项

我有两个下拉列表，“级别”和“防护”

Level
-----
1
2
3
etc

Guards
-----
1
2
3
etc

我想禁用防护中大于级别值的所有选项

因此，如果突出显示级别2，则防护中唯一可用的选项是1和2

---

我已经掌握了change（）的基本知识，只是不确定如何完成这部分内容

for (var i = 0; i<3;i++) {
if (level > i) {
guard(i)=disabled;
}
}

for（变量i=0；i）{
防护装置（i）=禁用；
}
}

---

这就是那句话的逻辑。

经过测试并奏效了。试试看

$(document).on('change', '#drop_down_1', function() {
   var currVal = $(this).val();

   $('#drop_down_2 option').each(function() {
      //enable everything else
      $(this).attr('disabled', false);

      var secondVal = $(this).val();
      if (secondVal > currVal) {
         $('#drop_down_2 option[value='+secondVal+']').attr('disabled', true);
      }
   });
});

试试这个

var levelsArray = [1,2,3,4,5,6,7,8,9,10];
    $levels = $('#Levels'),
    $gaurds = $('#Gaurds');

$levels.html('<option value="0">--Select a Level--</option>');
$gaurds.html('<option value="0">--Select Gaurds--</option>');

var html='';
for(var i=0;i< levelsArray.length ;i++) {
    html += opt ='<option value="'+ levelsArray[i] +'">'+levelsArray[i] +'</option>'
}

$levels.append(html);
$gaurds.append(html);

$levels.on('change', function() {
    var value = this.value;
    $('option', $gaurds).attr('disabled', false);
    if(value !== 0) {
        $('option:gt('+ value+ ')', $gaurds).attr('disabled', true);
    }
});

var levelsArray=[1,2,3,4,5,6,7,8,9,10]；
$levels=$（“#levels”），
$gaurds=$（“#gaurds”）；
$levels.html（'--选择一个级别--'）；
$gaurds.html（'--Select gaurds--'）；
var html=''；
对于（变量i=0；i

---

请展示您的尝试。