PHP选择下拉菜单

问题描述：

我正在尝试制作一个窗体，用于选择世界上的位置。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中。

任何帮助表示赞赏。谢谢。

他们被称为“链式选择”，并且请注意，您不在phpadmin中存储任何东西。 phpmyadmin是管理INTERFACE到mysql RDBMS的。 –

对不起，这就是我的意思。 –

看看jQuery。您需要使用事件侦听器来显示/隐藏某些元素。 –

答

<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和你都知道了。 :)

相关推荐