コードの最適化：jQuery、Javascript

Question

OK、ここに私の問題があります。私は人々が登録できるサイト（x）に取り組んでいます。私は人々が選択するための州のドロップダウンメニューを持っています。状態の選択に基づいて、状態の選択に応じて選択する病院の別のリストがあります。あなたがハワイを選んだ場合、ハワイでは病院だけが表示され、テキサスでは表示されません。私は、チェックボックスの値に基づいて可視性を切り替える機能を持っていますが、ドロップダウンの値に対して機能するようには見えません。何かご意見は？前もって感謝します。それを解決するための業界標準の方法がより迅速またはより多く存在する場合、適切な方向へのステアリングは非常に高く評価されます。

私が使用しようとしている

：あなたを使用することができ

$(document).ready(function() 
{ $('#stateinjured').change(function() 
    { 
     $('#stateinjuredky').toggle(this.checked); 
    }); 

}); 

<select> 
<option selected="selected">Select your state</option> 
    <option id="stateinjured" >Kentucky</option> 
    <option>West Virginia</option> 
    <option>Ohio</option> 
    <option>Tennessee</option> 
    </select><br/> 
<select> 
<option style="display:none;" id="stateinjuredky" selected="selected">Choose hospital you visited</option> 
    <option>hospital1</option> 
    <option>hospital2</option> 
    <option>hospital3</option> 
    </select> 

Answer 1

あなたはそれは速いですし、あなたがそれを使用するローカルサーバを必要としない、jQueryのAJAXになっているはずです、ウェブサーバー。こっち

外観：http://api.jquery.com/category/ajax/

Answer 2

私はあなたが間違った要素でidのとスタイルを持っていると思います。また、何が選択されたのかを判断し、適切なリストを表示するためのロジックが必要です。以下のコードは、ページのロードの1つの選択ボックスが表示され、その後、選択されているものに応じて要求されたリストが表示されます：

$(document).ready(function() 
{ 
    $('#stateinjured').change(function() { 
     var selectedOption = $(this + "option:selected").val(); 
     if (selectedOption == "Kentucky") { 
      $("#stateinjuredky").css("display","block"); 
     } 
     //or you could just have the select ids be the state names, then you wouldn't need all these if...else statements 
    }); 
}); 

その後...

<select id="stateinjured"> 
    <option selected="selected">Select your state</option> 
    <option>Kentucky</option> 
    <option>West Virginia</option> 
    <option>Ohio</option> 
    <option>Tennessee</option> 
</select> 
<br/> 
<select id="stateinjuredky" style="display: none;"> 
    <option selected="selected">Choose hospital you visited</option> 
    <option>hospital1</option> 
    <option>hospital2</option> 
    <option>hospital3</option> 
</select> 
<!-- more selects for other states --> 

間違いなく、より効率的な方法があります。しかし、他の人が言っているように、これを行う。