javascript - 在 jQuery Mobile 中禁用从另一个选择中选择

Question

我正在 jQuery Mobile 中开发一个应用程序，并且在表单中我有以下选择

<label for="estado_toma">Estado de la Toma</label>
<select id="estado_toma" name="estado_toma" data-native-menu="false">
    <option data-placeholder="true">Estado de la Toma</option>
    <option value="1">Buen Estado</option>
    <option value="2">Caja Dañada</option>
    <option value="3">Sin Tapa</option>
    <option value="4">No Hay</option>
</select>

当您选择 no 选项时，我想这样做，其他选择禁用我低于此的选项，并且当您选择其他选项时，其他选项可用。

  非常感谢他们可以给我的帮助，

  问候。

Answer 1

要禁用选择菜单：

$(".selector").selectmenu("disbale");

要启用选择菜单：

$(".selector").selectmenu("enable");

监听change事件：

$("#estado_toma").on("change", function () {
  var sel_val = $(this).val();
  if (sel_val == 4) {
    $("#otros").selectmenu("disable");
  } else {
    $("#otros").selectmenu("enable");
  }
});

演示

Answer 2

你需要绑定一个更改事件，所以像这样：

$('body').on('#estado_toma', 'change', function(){
    if($(this).val() === '4') {
        $('your-other-select').attr('disabled','disabled');
    }
});