从选定的国家价值的JavaScript选择城市 [英] javascript select city from selected country value

问题描述

我有分贝的国家从这里 http://www.webmasterworld.com/html/3018309热媒 有239个国家，每个国家都有价值。之后，我选择了在选择另一个国家，我怎么可以更新区域列表与新价值的区域？

  $ country_query =请求mysql_query（SELECT * FROM国家，状态='1'ORDER BY名ASC）;
$ zone_query =请求mysql_query（SELECT * FROM区，在那里COUNTRY_ID ='（INT）$ COUNTRY_ID。'和地位='1'）;

＆LT;选择名称=COUNTRY_ID＆GT;
          ＆LT;期权价值=＆GT;＆LT; PHP的echo'$ text_select;' ？＆GT;＆LT; /选项＆GT;
          ＆LT;？PHP而（$国家= mysql_fetch_array（$ country_query））{＆GT;
          ＆LT;？如果PHP（$国家['COUNTRY_ID'] == $ COUNTRY_ID）{＆GT;
          ＆LT;期权价值=＆LT; PHP的echo $国家['COUNTRY_ID'];？＆gt;中选定=选择＆GT;＆LT; PHP的echo $国家['名称']; ？＆GT;＆LT; /选项＆GT;
          ＆LT; PHP}其他{＆GT？;
          ＆LT;期权价值=＆LT; PHP的echo $国家['COUNTRY_ID'];？＆GT;＆GT;＆LT; PHP的echo $国家['名称']; ？＆GT;＆LT; /选项＆GT;
          ＆LT; PHP}＆GT？;
          ＆LT; PHP}＆GT？;
＆LT; /选择＆GT;
 

解决方案

第一次默认县名单将加载.. 加载区使用

 ＆LT;选择名称=国家ID ='国家'＆GT;
          ＆LT;期权价值=＆GT;＆LT; PHP的echo'$ text_select;' ？＆GT;＆LT; /选项＆GT;
          ＆LT;？PHP而（$国家= mysql_fetch_array（$ country_query））{＆GT;
          ＆LT;？如果PHP（$国家['COUNTRY_ID'] == $ COUNTRY_ID）{＆GT;
          ＆LT;期权价值=＆LT; PHP的echo $国家['COUNTRY_ID'];？＆gt;中选定=选择＆GT;＆LT; PHP的echo $国家['名称']; ？＆GT;＆LT; /选项＆GT;
          ＆LT; PHP}其他{＆GT？;
          ＆LT;期权价值=＆LT; PHP的echo $国家['COUNTRY_ID'];？＆GT;＆GT;＆LT; PHP的echo $国家['名称']; ？＆GT;＆LT; /选项＆GT;
          ＆LT; PHP}＆GT？;
          ＆LT; PHP}＆GT？;
＆LT; /选择＆GT;
 

在这里，你需要调用Ajax时的国家改变

JQuery的：

 ＆LT;脚本SRC =HTTP：//$c$c.jquery.com/jquery-latest.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{

    $（'＃国）。改变（函数（）{

        .post的$（'AJAX / getZones'，
                   {国家：$（'＃国）VAL（）}，
                   功能（响应）{
                     // prepare的区域HTML code
                     //写code到区域下拉
                  }，'JSON'）;

    }）;

}）;
＆LT; / SCRIPT＆GT;
 

下面的AJAX / getZones指的 getZones 是在方法的 AJAX 控制器

写在getZones查询 getZones （阿贾克斯） 获得国家ID是 $ _ POST ['国家'] 在Ajax控制器

尝试实现Ajax控制器一切都正常工作。

i have db of countries from here http://www.webmasterworld.com/html/3018309.htm with 239 countries, every country have value. After i have selected another country in option, how can i update zone list with zones from new value?

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

解决方案

First time by default counties list will be loaded.. to load zones use this

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

Here you need to call ajax when country changed

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>

Here 'ajax/getZones' refers getZones is the method in ajax controller

write the getZones query in getZones(ajax) get the Country id with $_POST['Country'] in ajax controller

try implement ajax controller everything work fine..

这篇关于从选定的国家价值的JavaScript选择城市的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！