javascript - 如何在 HTML + Javascript/JQuery 中启用/禁用下拉列表框?

标签 javascript jquery html

我有 2 个名称 IMEI 和城市对的下拉列表,如下所示:

<HTML>

 <body>
Select Programming font:
<select name="IMEI">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">$</option>
</select>

<select name ="city">
  <option value="jhansi">Jhansi</option>
  <option value="Delhi">Delhi</option>
  <option value="Mumbai">Mumbai</option>
  <option value="Kanpur">Kanpur</option>
</select>
</body>
</html>

期望的行为是:当选择城市名称时,IMEI 列表启用;否则将被禁用。

我怎样才能实现这个目标?

提前致谢!

最佳答案

Fiddle Demo

$(function () {
    var sel_imie = $('select[name="IMEI"]');
    sel_imei.prop('disabled', true); //disable IMEI select
    $('select[name ="city"]').change(function () {
        sel_imei.prop('disabled', false); //enable when value of city select is changed
    });
});

.change()

关于javascript - 如何在 HTML + Javascript/JQuery 中启用/禁用下拉列表框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22167433/

相关文章:

javascript - WinJS,从一个可能异步也可能不异步的函数返回一个 promise

javascript - XMLHttpRequest 无法加载 *...* 来源 : * is not allowed by Access-Control-Allow-Origin - ON THE SAME SERVER

javascript - 单击选择框时通过 JavaScript 导致页面重新加载的原因

javascript - 在 Javascript 中打印触发 eventListener 的 DOM 元素的完整 HTML

javascript - 无法将 div 动画两次移动到所需位置

javascript - Angular ngRoute 条件 .when()

javascript - $scope 变量被视为字符串 - AngularJs

html - 减小窗口大小会移动元素

javascript - 如何修复 WordPress 中的 "undefined is not a function"

css - xHTML/CSS : How to make inner div get 100% width minus another div width