jqueryの1.10.2 - 不明なエラー：構文エラー、認識できない表現：サポートされていない疑似は次のように他の値に応じて、私は私のページに2つのドロップダウンを持っていると私は1つの可視性を設定しています

Question

を選択：

$(document).ready(function() { 
     if (($("#response option:selected").val() == "A") || ($("#response option:selected").val() == 'B')) { 
      $("#additional").show(); 
      $(document).scrollTo('#additional'); 
     } 
     $('#response').change(function() { 
      $("#response option:selected").val(); 
      if (($("#response option:selected").val() == "A") || ($("#response option:selected").val() == 'B')) { 
       $("#additional").show(); 

      } else { 
       $("#additional").hide(); 
      } 
     }); 
    }); 
---------------------------------------------------------- 


<div id="response" class="col-lg-4"> 
<select> 
<option value="">Please Select</option> 
<option value="A">A</option> 
<option value="B">B</option> 
<option value="C">C</option> 
</select> 
</div> 
<div id="additional" style="display: block;"> 
<select><option value="00">Please Select </option></select> 
</div> 

これは動作しません。「jquery 1.10.2 - Uncaught Error：構文エラー、認識できない式：サポートされていない疑似：選択」のようなコンソールエラーが表示されます。何が問題なの？

Answer 1

だけvalのとないオプションが

$('#response select').val() 

Answer 2

:selectedはタイプミスで選択しました。代わりに:select疑似セレクタを使用できますが、val()を使用することをお勧めします。また、私はあなたが再利用されているコンテキスト保存をお勧めします：[だけで正常に動作]

$(document).ready(function() { 
    var responseSelect = $("#response select"); 
    var additional = $("#additional"); 
    if ((responseSelect.val() == "A") || (responseSelect.val() == 'B')) { 
     additional.show(); 
     $(document).scrollTo(additional); 
    } 
    responseSelect.change(function() { 
     var currentVal = $(this).val(); 
     if ((currentVal == "A") || (currentVal == 'B')) { 
      additional.show(); 

     } else { 
      additional.hide(); 
     } 
    }); 
});