博客
关于我
给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/

你可能感兴趣的文章
Oracle数据库验证IMP导入元数据是否会覆盖历史表数据
查看>>
oracle数据插入表,oracle同时向多表插入数据
查看>>
oracle数据类型和对应的java类型
查看>>
【C++进阶篇】——string类的使用
查看>>
Oracle未开启审计情况下追踪表变更记录
查看>>
Oracle条件查询
查看>>
Oracle查看数据库会话连接
查看>>
Oracle查询前几条数据的方法
查看>>
oracle树形查询 start with connect by
查看>>
oracle毕业论文题目,历届毕业论文申报题目大全.doc
查看>>
oracle求助---win7下oracle配置相关疑问Starting Oracle Enterprise Manager 10g Database Control ...发生系统错误 5。
查看>>
Oracle流程控制语句
查看>>
oracle深度解析检查点
查看>>
Oracle游标
查看>>
oracle游标数最大数,Oracle 最大连接数 最大游标数
查看>>
oracle用户改名
查看>>
oracle用户解压不了,PLSQL developer 连接不上64位Oracle 的解决方法
查看>>
oracle用户解锁
查看>>
Oracle用游标删除重复数据
查看>>
Tomcat学习总结(19)—— 为什么首选Tomcat作为JavaWeb应用服务器?
查看>>