製作使用jQuery，PHP和MySQL

Question

想作一個級聯下拉級聯下拉菜單中，我希望當用戶選擇區域，然後城市下拉相應填充..

JS：

$(document).ready(function() { 
    $('#region').change(function() { 
     var region = $(this).val(); 
     $.post('get_region.php', { 
      region: region 
     }, function(data) { 
      $('#district_div').html(data); 
     }); 
    }); 

PHP：

<?php 
require_once('../db/connect.php'); 

$region=$_POST['region']; 

$q=mysql_query("select name from city where region='$region'"); 

$row=mysql_fetch_array($q); 
echo $row['name']; 
?> 

HTML * 強大的文本 *

<div class="controls"> 

         <select class="bootstrap-select" name="region" id="region"> 
              <option value="">Choose</option> 
             //from database 
              <?php echo $region_result; ?> 

      </select> 
    </div> 

         <select class="bootstrap-select" name="district" id="district" > 

          <div id='district_div'></div>   

      </select> 

Answer 1

您正試圖在選擇框內寫入純文本。嘗試在HTML格式來寫：

<option>name</option> 

在你的JS，更換線路：

$('#district_div').html(data); 

有了：

$('#district').html(data); 

刪除DIV ID爲 「district_div」。在SELECT中不能有DIV。在PHP中，最後一行是：

echo "<option>$row[name]</option>"; 

Answer 2

你MIS一些作品

// will echo the name value of one row 
    $row=mysql_fetch_array($q); 
    echo $row['name']; 

嘗試

$results = array(); 
while($row = mysql_fetch_array($q)){ 
$results[] = '<option>.'$row['name'].'</option>'; 
} 
$optionString= implode(' ', $results); 
echo $optionsString; 

Answer 3

-for JS it should be like this- 

$(document).ready(function() { 
    $('#region').change(function() { 
     var region = $(this).val(); 
     $.post('get_region.php', { 
      region: region 
     }, function(data) { 
      $('#district').html(data); // I change this part 
     }); 
    }); 


-for php- 

<?php 
require_once('../db/connect.php'); 

$region=$_POST['region']; 

$q=mysql_query("select name from city where region='$region'"); 

while($row = mysql_fetch_array($q)){ 
    echo "<option>".$row['name']."</option>"; 
} 

?> 


-for the html 

<div class="controls"> 
    <select class="bootstrap-select" name="region" id="region"> 
     <option value="">Choose</option> 
     //from database 
     <?php echo $region_result; ?> 
    </select> 

    <select class="bootstrap-select" name="district" id="district" > 

    </select>  <!--you don't need to put a div in the select tag--> 
</div>