特定のオプションも選択されているときに、テキストフィールドが変更された場合にセクションを隠そうとしています

Question

私は別のシナリオで非表示にしているセクションがあります。

1. オプションAを選択ボックス
2. 数量から選択されたテキストフィールド

それは＃1のために働いている、ではなく＃2を介して更新されます。数量が更新されると非表示にする必要があり、オプションAが選択されています。私は以下のコードを持っていますが、検証の問題はありませんが、動作していませんし、理由もわかりません。

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

私は本当にいくつかの助けに感謝します！

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

注：それは、より効率的なので、私はinputイベントの使用を示唆し

Answer 1

document.getElementById('select-box').valueは、あなたがあなたのコードがに単純化することができjQueryのを使用している代わりにするので、selctedオプションの値を返しませんユーザーの入力を追跡するとき：

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