javascript从所选国家/地区值中选择城市
javascript select city from selected country value
我有来自这里的国家数据库http://www.webmasterworld.com/html/3018309.htm239个国家,每个国家都有价值。在选项中选择了另一个国家后,如何使用新值更新区域列表?
$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>
默认情况下,将首次加载县列表。。要加载区域,请使用此
<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'指的是getZone是ajax控制器中的方法
在getZones(ajax)中编写getZones查询在ajax控制器中使用$_POST['Country']获取国家id
尝试实现ajax控制器一切正常。。
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- 从城市名称获取惊喜
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- 州和城市选择框类似于国家细分页面
- 选择城市并重定向到url
- javascript从所选国家/地区值中选择城市
- 使用JavaScript动态选择国家城市
- 谷歌地图支持从搜索框中只选择城市
- 连锁选择框(国家、州、城市)
- 从用户选择的城市、国家获取时区的最佳方式是什么?
- 如何使用谷歌地图API v3选择所有城市