博客
关于我
给select赋值过程
阅读量:400 次
发布时间:2019-03-05

本文共 1563 字,大约阅读时间需要 5 分钟。

初始化省份选项

通过set_province()函数初始化省份选项:

function set_province() { for (var i in region) { province[i - 1] = new Option(region[i].name, region[i].name); }}

基于事件的初始化

在页面加载完成后,通过jQuery.each遍历所有select元素:

$(document).ready(function () { $("select").each(function () { var $ele = $(this); var str = "@Model.personalDatas.personalDataAddress"; var $value = str.split("|"); $ele.find("option[value='" + $value[0] + "']").attr("selected", "selected"); var index = $ele.find("option[value='" + $value[0] + "']").index(); var data_region = region[index + 1]; city.length = 1; for (var i in data_region['child']) { city[i] = new Option(data_region['child'][i].name, data_region['child'][i].name); } $ele.find("option[value='" + $value[1] + "']").attr("selected", "selected"); console.log(province.selectedIndex); var data_region1 = region[province.selectedIndex + 1]['child'][city.selectedIndex]['child']; zone.length = 1; for (var i in data_region1) { for (var j in data_region1[i]) { zone[j] = new Option(data_region1[i][j].name, data_region1[i][j].name); } } $ele.find("option[value='" + $value[2] + "']").attr("selected", "selected"); $("#address").val($value[3]); });});

功能说明

该代码主要完成以下功能:

  • 初始化省份选项
  • 根据用户选择的省份自动加载区域信息
  • 基于区域信息初始化城市和区的选项
  • 设置默认地址信息

转载地址:http://gitzz.baihongyu.com/

你可能感兴趣的文章
Python与C#之间内存共享互传信息
查看>>
python与c语言混合编程_你试过C语言和Python一起混合编程吗?两者相加不是已经无敌了!...
查看>>
python与excel
查看>>
Python与Excel的完美邂逅:深入浅出,手把手教你轻松玩转Excel数据操作
查看>>
python与flask_Python编程中flask的简介与简单使用
查看>>
python与图灵机器人交互(WXPY版本)
查看>>
python与运算符_python运算符
查看>>
python两个列表获取交集,并集,差集
查看>>
python两个字典合并,两个list合并
查看>>
Python两个版本共存时,命令行升级pip
查看>>
Python两个版本共存时,怎么验证是否安装成功 scrapy
查看>>
Python两个版本共存时,通过pip安装Scrapy
查看>>
python两组变量的相关关系散点图_变量是什么?变量间的两种关系——函数关系和相关关系(小学版)...
查看>>
Python中 pass语句的作用
查看>>
python中 urllib, urllib2, httplib, httplib2 几个库的区别
查看>>
python中 yaml库 & json库 & xmltodict库使用
查看>>
python中 将你的名字转化成为二进制并输出
查看>>
Python中*args 和**kwargs的用法
查看>>
Python中*args 和**kwargs的用法
查看>>
Python中*args和**kwargs的使用
查看>>