PHP Выберите Drop Down

Question

Я пытаюсь сделать форму с несколькими выпадающими списками для выбора места в мире.

<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.

Любая помощь приветствуется. Благодарю.

Answer 1

<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 и остальное вы знаете. :)