與國家，城市等自動填寫表格

-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

與國家，城市等自動填寫表格

回答

相關問題