Javascript 如何检查是否选择了“实时”第一个下拉列表

Hi所有我需要的，如果未选择第一个禁用第二个，如果选择启用

以下是代码：

函数检查器{ 如果$'car option:selected'.val=={ $'car-model'，prop'disabled'，true； }否则{ $'car-model'。道具'disabled'，假； } } 检验员 挑选{ 宽度：100px； 显示：块； 利润率：10px； } 2. 3. 4. 2. 3. 4.

---

这是一个版本，它使用testforvalue作为布尔值，并且在页面加载时执行，以防它们从某处返回

$function{ $car.onchange，函数{ var dis=$this.val==； $‘车型’。道具‘禁用’，dis； }.change；//也在加载时执行 }; 挑选{ 宽度：100px； 显示：块； 利润率：10px； } 2. 3. 4. 2. 3. 4.

---

你可以像下面这样做

$'car'.changefunction{ $'car-model'.prop'disabled'，this.value==； }.改变//在页面加载时执行 挑选{ 宽度：100px； 显示：块； 利润率：10px； } 2. 3. 4. 2. 3. 4.

---

在车辆上定义更改事件侦听器，选择并选中所选选项

我还添加了$carmodel.val$carmodel选项：first.val；要重置第二个选择值

---

更新了post以使用自调用函数在加载时执行

$car.changefunction{ 检验员 }; 变量检查器=函数检查器1{ 如果$'car option:selected'。text=={ $'car-model'，prop'disabled'，true； $car model.val$car model选项：first.val； }否则{ $'car-model'。道具'disabled'，假； } 返回检查1； }; 挑选{ 宽度：100px； 显示：块； 利润率：10px； } 2. 3. 4. 2. 3. 4.

---

只需将jquery函数更改为：

$(document).ready(function(){
 $('#car-model').prop('disabled', true);
  $('#car').change(function(){
      if ($('#car option:selected').val() != ''){
      $('#car-model').prop('disabled', false);
  }
  else{
     $('#car-model').prop('disabled', true);   
  }
  });
});

---

而且，它会起作用。在这里，您可以使用代码和jquery函数中的更改为工作plunker:

而不是通过jquery禁用selectbox，您可以向第二个selectbox添加禁用的属性：

$car.changefunction{ 检验员 }; 函数检查器{ 如果$'car option:selected'。text=={ $'car-model'，prop'disabled'，true； $car model.val$car model选项：first.val； }否则{ $'car-model'。道具'disabled'，假； } } 挑选{ 宽度：100px； 显示：块； 利润率：10px； } 2. 3. 4. 2. 3. 4.

---

如果禁用了select，则不需要重置其值。脚本可读性不强，在事件处理程序中存在冗余函数调用，并且没有对象缓存。@mplungjan我认为禁用select时，用户体验最好看到一个空select。。至于代码，肯定有更好的方法，您的答案可能更简洁，但我的答案是基于提供的SO代码。除了您的代码，在页面加载时不再像原始代码那样调用。此外，当我看到一个if和一个boolean时，它会困扰我更新post以使用自调用函数在loadyeap上执行，代码优化就剩下了。谢谢你的建议，不过我想使用他的原始源代码。但是你有$'car-model'。prop'disabled'，true；两次如果加载时第一个选项中没有选择？$'car.changefunction{$'car-model.prop'disabled'，this.value==；}.change//页面加载时执行仍然是最佳选择。投票支持你的答案。谢谢。是的，我一直在考虑是否使用这个.value将其上线，但为了noob readability的Saketh，我决定不使用它，因为它已经被钉死了。您的建议中没有新代码-您也在使用jQuery-代码与先前发布的代码相同