jQuery省市联动

用jQuery实现省市联动

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script><script type="text/javascript">var provinces = [["武汉市","十堰市","襄阳市","黄冈市"],["深圳市","东莞市","惠州市","广州市"],["长沙市","岳阳市","株洲市","湘潭市"],["厦门市","福州市","漳州市","泉州市"]];$(function(){selectProvince();});function selectProvince(){var province = $("#province");//得到当前选中的是哪个省份var value = province.val();//从数组中取出对应的城市信息var cities = provinces[value];var citySelect = $("#city"); //清空select中的option    citySelect.empty();for (var i=0; i < cities.length; i++) {//添加optioncitySelect.append('<option>'+ cities[i] + '</option>')  }}</script></head><body><!--选择省份--><select onchange="selectProvince()" id="province"><option value="0">湖北省</option><option value="1">广东省</option><option value="2">湖南省</option><option value="3">福建省</option></select><!--选择城市--><select id="city"></select></body>
</html>

jQuery省市联动相关推荐

完整，详细的基于jquery省市三级联动和基于angular的省市三级联动对比
前几天遇到需要输入地址的一个项目,里面就会有全国各个省市县的选择. 对于全国省市县的选择,难点在于全国省市县的数据资源.而具体的操作并不是很难. 本来我想免费发送资源的,可是csdn,这最少也需要1积 ...
JavaEE学习日志(六十二): jQuery遍历，jQuery事件，省市联动，左右互选
JavaEE学习日志持续更新----> 必看!JavaEE学习路线(文章总汇) JavaEE学习日志(六十二) jQuery jQuery遍历传统遍历 jQuery对象遍历 jQuery全局函 ...
ajax省市联动案例,JQuery+Ajax制作省市联动
$(document).ready(function () { $("#Province").append("" + "--请选择--" + ...
省市联动与Bootstrap的基本使用
最后面有数据库的数据(因为数据太多,以免大家手太累哈) 项目目录一.省市联动我们现在来看一下是怎么查询数据的查询湖南省 select * from bs_region where name='湖 ...
JavaWeb之Ajax,省市联动及无刷新数据分页
目录一,Ajax的作用二,$.ajax() 1.jQuery.ajax(url,[settings]) 2.$.ajax() 三,post 1.通过远程 HTTP POST 请求载入信息 2.jQ ...
web前端必学功法之一：省市联动
web前端必学功法之一:省市联动案例:js实现下面功能 **<!-- 省市联动思路分析:1.准备元素:定义省份与城市的下拉框2.绑定事件:绑定省份下拉框的change事件3.准备数据:准备数组 ...
JavaWeb开发之Ajax省市联动无刷新分页
我们在上一节课已经和大家讲解过Ajax的使用,大家可以去看下该篇文章,今天也主要是一个拓展延伸,使用Ajax去完成无刷新省市联动和无刷新分页. 案列:使用Ajax完成无刷新分页数据库数据 crea ...
浏览器前进后退对下拉框数据的丢失（省市联动实现和例子）
浏览器前进后退对下拉框数据的丢失的问题,典型的为省市下拉框联动时城市数据的丢失.省市联动一般的实现为城市在省份的选择后js加载. 那么每次城市的改变只需要重新加载新的城市数据并更新下拉框即可: 下拉函 ...
IOS TableView实现省市联动
之前用UIPickerView实现了省市联动,上个月网友让用UITableView给他实现了下.今天也把这些贴出来. // // ViewController.m // doubleTable // ...

jQuery省市联动

jQuery省市联动相关推荐

最新文章

热门文章