javascript - 如果更改了文本字段，同时还选择了某个选项，则尝试隐藏部分

Question

我有一个部分正在努力隐藏在不同的场景中。

1. 从选择框中选择选项 A
2. 数量通过文本字段更新

它适用于#1，但不适用于#2。我需要在更新数量并选择选项 A 时隐藏它。我有以下代码，没有验证问题，但它不起作用，我不知道为什么。

$("#quantity").change(function(){
   if(document.getElementById('select-box').value == "MyOption") {
       $('#divtohide').hide();
  }
});

非常感谢您的帮助!

Answer 1

document.getElementById('select-box').value 不会返回所选选项的值，而是因为您使用的是 jQuery，所以您的代码可以简化为:

$("#quantity").change(function(){
    if( $('#select-box').val() == "MyOption" ) 
    {
        $('#divtohide').hide();
    }
});

注意:我建议使用 input 事件，因为它在跟踪用户输入时效率更高:

$("#quantity").on('input', function(){