国、都市などを含む自動入力フォーム

-1

ユーザーが国を選択するフォームがある場合は、その国の州を選択し、その州の都市を選択します。州の書式などを更新する国を選択するときにこれを行う最も簡単な方法は何ですか？私は彼らのために一般的なjavascriptライブラリを想像するだろうか？国、都市などを含む自動入力フォーム

出典

2016-07-07 Rob

はそれを試してみてください。

<html> 
 

 
<head> 
 
    <style> 
 
     .sel { 
 
      width: 200px; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    Country : <select id="contry" class="sel"><option value=""></option></select><br><br> 
 
    State : <select id="state" class="sel"></select> 
 
    <script> 
 
     var contry = [ 
 
      {id:"Iran",state:['Tehran','Ahvaz','Shiraz']}, 
 
      {id:"Usa",state:['Alabama','Alaska','Florida']} 
 
     ] 
 
     var con = document.getElementById("contry"); 
 
     var sta = document.getElementById("state"); 
 
     for(var i=0; i<contry.length; i++) { 
 
      var op = document.createElement('option'); 
 
      op.value = contry[i].id; 
 
      op.innerHTML = contry[i].id; 
 
      con.appendChild(op); 
 
     } 
 
     con.onchange= function() { 
 
      sta.innerHTML = ""; 
 
      var cur = con.value; 
 
      if(cur.length > 0) { 
 
       for (var j = 0; j < contry.length; j++) 
 
        if (cur == contry[j].id) { 
 
         var myState = contry[j].state; 
 
         break; 
 
        } 
 
       for(var i=0; i<myState.length; i++) { 
 
       var op = document.createElement('option'); 
 
       op.value = myState[i]; 
 
       op.innerHTML = myState[i]; 
 
       sta.appendChild(op); 
 
     } 
 
       
 
         
 
      } 
 
     } 
 
     
 
    </script> 
 
</body>  
 
</html>

出典

2016-07-07 20:14:05 Ehsan

@Rob、それをしてくださいしてみてください！ – Ehsan

国、都市などを含む自動入力フォーム

答えて

関連する問題