2016-05-21 13 views
2

に取り組んでいませんしかし、それは適切に機能していない(私のコードに<html></html><script src....></script>を追加しました:
(詩私はPythonプログラマだので、多分問題がある私のHTML /のJS知識)フィドルスクリプトは私がここからコードをコピーした場合、ウェブサイト

<html> 
I am a </span><select name="parent_selection" id="parent_selection"> 
      <option value="">-- Please Select --</option> 
      <option value="patient">Patient</option> 
      <option value="doctor">Doctor or physician</option> 
      <option value="school">School or parent</option> 
      <option value="worker">Case worker</option> 
     </select> 
     <br /><span>and I need information on</span> 
     <select name="child_selection" id="child_selection" onchange="location = this.options[this.selectedIndex].value;"> 
     </select> 
</html> 


<!------answer 1: not wokring ---------------> 
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script> 

var jq81 = jQuery.noConflict(); 
jq81(document).ready(function($){ 
//let's create arrays 
var patient = [ 
    {display: "My initial visit", value: "patients#visit" }, 
    {display: "My initial evaluation", value: "patients#visit" }, 
    {display: "My appointments", value: "patients#appointments" }, 
    {display: "Your payment policies", value: "patients#policies" }]; 

var doctor = [ 
    {display: "Our approach", value: "doctors-and-physicians" }, 
    {display: "Our services", value: "services" }, 
    {display: "Referring patients", value: "patients#visit" }]; 

var school = [ 
    {display: "Our approach", value: "schools-and-parents" }, 
    {display: "My child's initial evaluation", value: "patients#visit" }, 
    {display: "Setting appointments", value: "patients#appointments" }, 
    {display: "Your payment policies", value: "patients#policies" }]; 

var worker = [ 
    {display: "Our approach", value: "case-workers" }, 
    {display: "Insurance policies", value: "clients#insurance" }, 
    {display: "Your Payment policies", value: "patients#policies" }]; 

//If parent option is changed 
jq81("#parent_selection").change(function() { 
     var parent = jq81(this).val(); //get option value from parent 

     switch(parent){ //using switch compare selected option and populate child 
       case 'patient': 
       list(patient); 
       break; 
       case 'doctor': 
       list(doctor); 
       break;    
       case 'school': 
       list(school); 
       break; 
      case 'worker': 
       list(worker); 
       break; 
      default: //default child option is blank 
       jq81("#child_selection").html(''); 
       break; 
      } 
}); 

//function to populate child select box 
function list(array_list) 
{ 
    jq81("#child_selection").html(""); //reset child options 
    jq81(array_list).each(function (i) { //populate child options 
     jq81("#child_selection").append("<option value=\""+array_list[i].value+"\">"+array_list[i].display+"</option>"); 
    }); 
} 

}); 

</script> 

が、私は同じことを持っていたより多くの人々を見ました問題:

しかし、私は解決策を試してみましたが、私はそれを把握することができませんでした、私は誰かがあなたがカスタムスクリプトを宣言プラスjqueryのを追加

+0

で正常に動作します あなたが '' は 'あなたは、私がすでにあることを試みた各 –

+0

素晴らしいよ!私はメニュー2番目のドロップダウンを選択した後、それはエラーを示し、なぜ –

関連する問題