禁用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选项，other select禁用我时，以及当您选择其他选项时，这些其他select选项都可用。

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

问候。

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');
    }
});