javascript - 使用javascript根据文本结果隐藏下拉框

Question

我想根据选定的用户输入隐藏下拉菜单。

到目前为止我已经完成了

var getText = document.getElementById('issuemeters-issuance_type').value;

然后在 if else 条件下

if(getText == 'HESCO/OEM')
         {
                $('.field-issuemeters-issuer').hide();// the drop-down which i want to hide
                $('#issuemeters-issuer').val('');// setting the text value to null
         }
         else 
         {
                $('.field-issuemeters-issuer').show();     
         }

当getText等于HESCO/OEM时它将起作用。我还检查了 console 中的值，但我不知道为什么它不起作用。

任何帮助将不胜感激。

Answer 1

尝试使用监听器监听“issuemeters-issuance_type”更改:

$('#issuemeters-issuance_type').on('change',function(){
  if($(this).val() === 'HESCO/OEM')
         {
                $('.field-issuemeters-issuer').hide();// the drop-down which i want to hide
                $('#issuemeters-issuer').val('');// setting the text value to null
         }
         else 
         {
                $('.field-issuemeters-issuer').show();     
         }
});

假设“issuemeters-issuance_type”