php - jqueryは、別のドロップダウンの変更に基づいてドロップダウン項目を無効にします

Question

「レベル」と「ガード」の2つのドロップダウンがあります

Level
-----
1
2
3
etc

Guards
-----
1
2
3
etc

レベルの値より大きい Guards のすべてのオプションを無効にしたいと考えています。

したがって、レベル 2 が強調表示されている場合、Guards で使用できる唯一のオプションは 1 と 2 です。

私はすでに change() の基本を持っていますが、この部分を行う方法がわからないだけです

Answer 1

次のステートメントを実行します。

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

これがそのステートメントのロジックになります。

Answer 2

テストして動作しました。やってみて

$(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);
      }
   });
});