2012-07-18 86 views
0

我有db的國家從這裏http://www.webmasterworld.com/html/3018309.htm 與239個國家,每個國家都有價值。在我選擇了另一個國家後,我如何使用新值更新區域列表?javascript從選定的國家的價值選擇城市

$country_query = mysql_query("SELECT * FROM country WHERE status = '1' ORDER BY name ASC"); 
$zone_query = mysql_query("SELECT * FROM zone WHERE country_id = '" . (int)$country_id . "' AND status = '1'"); 

<select name="country_id"> 
      <option value=""><?php echo '$text_select;' ?></option> 
      <?php while ($country=mysql_fetch_array($country_query)) { ?> 
      <?php if ($country['country_id'] == $country_id) { ?> 
      <option value="<?php echo $country['country_id']; ?>" selected="selected"><?php echo $country['name']; ?></option> 
      <?php } else { ?> 
      <option value="<?php echo $country['country_id']; ?>"><?php echo $country['name']; ?></option> 
      <?php } ?> 
      <?php } ?> 
</select> 
+2

你到目前爲止的JavaScript代碼? – 2012-07-18 09:07:43

+0

您可以將呈現的HTML與國家和地區下拉列表一起發佈嗎? – 2012-07-18 09:09:07

+0

抱歉,我還沒有js,但是我明白我需要它,可以根據國家/地區ID值從國家/地區選擇剛剛需要的項目。 – 2012-07-18 09:18:26

回答

1

默認縣名單第一次將被載入.. 加載區使用此

<select name="country" id='country'> 
      <option value=""><?php echo '$text_select;' ?></option> 
      <?php while ($country=mysql_fetch_array($country_query)) { ?> 
      <?php if ($country['country_id'] == $country_id) { ?> 
      <option value="<?php echo $country['country_id']; ?>" selected="selected"><?php echo $country['name']; ?></option> 
      <?php } else { ?> 
      <option value="<?php echo $country['country_id']; ?>"><?php echo $country['name']; ?></option> 
      <?php } ?> 
      <?php } ?> 
</select> 

在這裏,你需要調用Ajax時國家改變

JQuery的:

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
$(document).ready(function(){ 

    $('#country').change(function(){ 

     $.post('ajax/getZones', 
        {Country : $('#country').val()}, 
        function(response){ 
        //prepare the zones html code 
        //write that code to zone dropdown 
        }, 'json'); 

    }); 

}); 
</script> 

這裏'AJAX/getZones'getZones是在AJAX控制器方法

寫在getZones的getZones查詢 獲得國家ID與$ _POST [ '國家'](AJAX)阿賈克斯控制器

嘗試實現ajax控制器的一切工作正常..