2015-09-18 253 views
0

我正在嘗試製作一個窗體,用於選擇世界上的位置。PHP選擇下拉菜單

<div class="form-group control-group"> 
        <label for="text" class="col-sm-2 control-label">Country</label> 
        <div class="col-sm-8"> 
         <select class="form-control"> 
          <option>1</option> 
          <option>2</option> 
          <option>3</option> 
          <option>4</option> 
          <option>5</option> 
         </select> 
        </div> 
       </div> 

       <div class="form-group control-group"> 
        <label for="text" class="col-sm-2 control-label">State/Province</label> 
        <div class="col-sm-8"> 
         <select class="form-control"> 
          <option>1</option> 
          <option>2</option> 
          <option>3</option> 
          <option>4</option> 
          <option>5</option> 
         </select> 
        </div> 
       </div> 

       <div class="form-group control-group"> 
        <label for="text" class="col-sm-2 control-label">City</label> 
        <div class="col-sm-8"> 
         <select class="form-control"> 
          <option>1</option> 
          <option>2</option> 
          <option>3</option> 
          <option>4</option> 
          <option>5</option> 
         </select> 
        </div> 
       </div> 

       <div class="form-group control-group"> 
        <label for="text" class="col-sm-2 control-label">Postal Code</label> 
        <div class="col-sm-8"> 
         <input type="text" class="form-control" id="subject" name="subject"> 
        </div> 
       </div> 

我想,如果沒有選定的國家,如果國家選擇國家,州/省列表...等等,只顯示國家列表。該列表將存儲在SQL中。

任何幫助表示讚賞。謝謝。

+0

他們被稱爲「鏈式選擇」,並且請注意,您不在phpadmin中存儲任何東西。 phpmyadmin是管理INTERFACE到mysql RDBMS的。 –

+0

對不起,這就是我的意思。 –

+0

看看jQuery。您需要使用事件偵聽器來顯示/隱藏某些元素。 –

回答

0
<select id="country" class="form-control" onchange="javascript:countryChange();"> 
    <option>1</option> 
    <option>2</option> 
</select> 

<select id="state" class="form-control" onchange="javascript:stateChange();"> 
</select> 

<select id="city" class="form-control"></select> 

<script> 
function countryChange() { 
    var selected = jQuery("#country option:selected").text(); 

    jQuery.ajax({ 
     url: "country2states.php?country="+selected 
    }).done(function(msg) { 
     jQuery("#state").html(''); 
     jQuery("#city").html(''); 
     jQuery("#state").html(msg); 
    }); 
} 

function stateChange() { 
    var selected = jQuery("#state option:selected").text(); 

    jQuery.ajax({ 
     url: "state2cities.php?state="+selected 
    }).done(function(msg) { 
     jQuery("#city").html(''); 
     jQuery("#city").html(msg); 
    }); 
} 
</script> 

的第一個功能工作,你必須創建一個PHP頁面(country2states.php)來處理數據庫查詢檢索狀態列表所選國家

"SELECT statename FROM states WHERE country='" . $_GET['country'] . "';" 

和回報它呼應格式化像這樣的字符串:

"<option>Iowa</option><option>South Dakota</option><option>Texas</option>....." 

第二功能同樣的東西,您將創建state2cities.php和你都知道了。 :)