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

Disabling a select from another select in jQuery Mobile

本文关键字：选择 另一个 jQuery Mobile      更新时间：2023-09-26

我正在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>
当您选择其他选项禁用我时，我想

这样做，这些选项低于此选项，当您选择其他选项时，其他选项变得可用。

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

问候。

禁用选择菜单：

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

演示

您需要

绑定一个更改事件，因此如下所示：

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