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

时间:2017-12-14 21:29:06

标签: javascript jquery

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

  1. 从选择框
  2. 中选择选项A.
  3. 数量通过文本字段更新
  4. 它适用于#1,但不适用于#2。我需要在更新数量时隐藏它,并选择选项A.我有以下代码,没有验证问题,但它不起作用,我不知道为什么。

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

    我真的很感激一些帮助!

1 个答案:

答案 0 :(得分:1)

document.getElementById('select-box').value不会返回selcted选项的值,相反,因为您使用jQuery,您的代码可以简化为:

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

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

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