2020-12-09 19:48发布
// 模拟前后端交互:
// 后端给前端返回一下数据:
// 省数据
var pros = ['河南','河北','广东'];
// 市数据
var cities = new Array(3);
cities[0] = ['郑州','周口','平顶山','驻马店','济源'];
cities[1] = ['石家庄','邯郸','廊坊','保定','唐山'];
cities[2] = ['广州','深圳','珠海','东莞','佛山'];
$(function(){
// 在页面加载完毕后立刻:对省下拉框加载数据
$.each(pros,function(index,value){
$("[name=pros]").append("" + value + "");
});
var $cities = $("[name=cities]");
// 市下拉框数据在选择省份后再进行添加
$("[name=pros]").change(function(){
// 1.清空cites下拉框数据:把市下拉框恢复到默认状态
$cities.html("--请选择--");
// 2.获取当前选中省级的下标
var index = $(this).val();
// 3.获取当前省份对应的市
var nowCities = cities[index];
$.each(nowCities,function(value,city){
$cities.append("" + city + "");
请选择省:
--请选择--
请选择市:
最多设置5个标签!
// 模拟前后端交互:
// 后端给前端返回一下数据:
// 省数据
var pros = ['河南','河北','广东'];
// 市数据
var cities = new Array(3);
cities[0] = ['郑州','周口','平顶山','驻马店','济源'];
cities[1] = ['石家庄','邯郸','廊坊','保定','唐山'];
cities[2] = ['广州','深圳','珠海','东莞','佛山'];
$(function(){
// 在页面加载完毕后立刻:对省下拉框加载数据
$.each(pros,function(index,value){
$("[name=pros]").append("");
});
var $cities = $("[name=cities]");
// 市下拉框数据在选择省份后再进行添加
$("[name=pros]").change(function(){
// 1.清空cites下拉框数据:把市下拉框恢复到默认状态
$cities.html("");
// 2.获取当前选中省级的下标
var index = $(this).val();
// 3.获取当前省份对应的市
var nowCities = cities[index];
$.each(nowCities,function(value,city){
$cities.append("");
});
});
});
请选择省:
请选择市:
一周热门 更多>