JS实现对省份按字母排序

参考网址:http://blog.csdn.net/kuangruike/article/details/54139694,再次对原作者表示感谢!

 

 1 pinyinSort:function(arr, empty) {
 2         if(!String.prototype.localeCompare)
 3             return null;
 4         var zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀".split('');
 5         var data1=[];
 6         for(var i=0;i<=zh.length;i++){
 7              $.each(arr, function(k, v) {
 8                  if((!zh[i - 1] || zh[i - 1].localeCompare(v.province) <= 0) && v.province.localeCompare(zh[i]) == -1) {
 9                      data1.push(this);
10                  }
11              });
12             
13         }
14       return data1;
15     }

/**
 * 调用排序
 */
function pinyin() {
    var arr2 = [
                    {"id" : "v1", "cityName" : "北京"},
                    {"id" : "v2", "cityName" : "上海"},
                    {"id" : "v5", "cityName" : "天津"},
                    {"id" : "v7", "cityName" : "安徽"},
                    {"id" : "v3", "cityName" : "呼和浩特"},
                    {"id" : "v4", "cityName" : "包头"},
                    {"id" : "v9", "cityName" : "海南"},
                    {"id" : "v8", "cityName" : "张家口"}
                ];
   console.log(pinyinSort(arr2));
}

在console显示排序后的结果如下

转载于:https://www.cnblogs.com/lchzlp/p/6382861.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要创建两个select元素,一个用于选择省份,另一个用于选择市区。然后,你需要使用JavaScript省份select元素添加一个onchange事件监听器。当选择省份时,该事件监听器将触发一个函数,该函数将根据所选省份显示对应的市区。 以下是一个简单的实现示例: HTML代码: ``` <label>选择省份:</label> <select id="province"> <option value="">请选择</option> <option value="北京市">北京市</option> <option value="上海市">上海市</option> <option value="广东省">广东省</option> </select> <label>选择市区:</label> <select id="city"> <option value="">请选择</option> </select> ``` JavaScript代码: ``` // 省份和市区数据 const cityData = { '北京市': ['东城区', '西城区', '朝阳区', '海淀区'], '上海市': ['黄浦区', '徐汇区', '长宁区', '静安区'], '广东省': ['广州市', '深圳市', '珠海市', '汕头市'] }; // 获取省份和市区select元素 const provinceSelect = document.getElementById('province'); const citySelect = document.getElementById('city'); // 省份select元素的onchange事件监听器函数 function onProvinceChange() { // 获取所选省份的名称 const province = provinceSelect.value; // 获取该省份对应的市区数组 const cities = cityData[province]; // 清空市区select元素 citySelect.innerHTML = '<option value="">请选择</option>'; // 添加该省份对应的市区选项 cities.forEach(city => { const option = document.createElement('option'); option.value = city; option.textContent = city; citySelect.appendChild(option); }); } // 为省份select元素添加onchange事件监听器 provinceSelect.addEventListener('change', onProvinceChange); ``` 这段代码将省份和市区数据保存在一个对象中,当选择省份时,根据所选省份从该对象中获取对应的市区数组,然后将该数组添加到市区select元素中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值