使用javascript根據文本結果隱藏下拉框

Question

我想根據選定的用戶輸入隱藏一個下拉菜單。

到目前為止，我已經完成了

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

然后在其他條件下

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”