js省份城市初始化

var provinceObj = document.getElementById("province").options;
for (var i=0; i<provinceObj.length; i++) {
    if (provinceObj[i].value == province) {
        provinceObj[i].selected = true;
        break;
    }
}


var pname = pro_select.value;
city_select.innerHTML = "<option>--选择市--</option>";
//遍历城市列表
for (var j in city) {
    if (pname == city[j].pname) {
        var opt = document.createElement("option");
        opt.innerText = city[j].cname;
        opt.setAttribute("value", city[j].cname);
        city_select.appendChild(opt);
    }
}
var city1 = '${data.city!}';  //Struts2中从实体中取值
var cityObj = document.getElementById("city").options;
for (var i=0; i<cityObj.length; i++) {
    if (cityObj[i].value == city1) {
        cityObj[i].selected = true;
        break;
    }
}

转载于:https://my.oschina.net/u/3677751/blog/3016884

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的HTML实现省份城市的下拉框联动的代码: ```html <!DOCTYPE html> <html> <head> <title>省份城市下拉框联动</title> <meta charset="UTF-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ // 定义省份城市数据 var provinceData = { "北京市": ["北京市"], "上海市": ["上海市"], "天津市": ["天津市"], "重庆市": ["重庆市"], "河北省": ["石家庄市", "唐山市", "秦皇岛市", "邯郸市", "邢台市", "保定市", "张家口市", "承德市", "沧州市", "廊坊市", "衡水市"], "山西省": ["太原市", "大同市", "阳泉市", "长治市", "晋城市", "朔州市", "晋中市", "运城市", "忻州市", "临汾市", "吕梁市"], "辽宁省": ["沈阳市", "大连市", "鞍山市", "抚顺市", "本溪市", "丹东市", "锦州市", "营口市", "阜新市", "辽阳市", "盘锦市", "铁岭市", "朝阳市", "葫芦岛市"], }; // 初始化省份下拉框 var provinceSelector = $("#province"); for (var province in provinceData) { var option = $("<option>").val(province).text(province); provinceSelector.append(option); } // 省份下拉框改变事件 provinceSelector.change(function(){ var province = $(this).val(); var cityData = provinceData[province]; var citySelector = $("#city"); citySelector.empty(); for (var i in cityData) { var option = $("<option>").val(cityData[i]).text(cityData[i]); citySelector.append(option); } }); }); </script> </head> <body> <label for="province">省份:</label> <select id="province"> <option value="">请选择</option> </select> <label for="city">城市:</label> <select id="city"> <option value="">请选择</option> </select> </body> </html> ``` 该代码使用了jQuery库来简化DOM操作。在代码中,首先定义了一个`provinceData`对象,其中键为省份名称,值为该省份下的城市数组。然后通过jQuery来初始化省份下拉框,以及定义其改变事件。当省份下拉框改变时,根据选中的省份,动态生成相应的城市下拉框选项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值