首先在页面上创建两个下拉列表框,一个显示省份,一个显示城市,并且当选择某一个省份时,城市下拉列表框中显示对应的城市,使用onchange事件调用显示对应城市的函数。 创建一个表示省份和城市对应的数组List。 在xxx()函数中获取省份的名称,然后与数组中的省份名称对比,把对应的城市名称添加到城市下拉列表框中,每次显示不同省份的城市名称前,要把当前城市列表中的option选项清除如: Var city=document.getElementById(“selCity”); City
对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码。
需求:url:链接 par:ID sel:下拉列表选择器
//获取下拉列表
function BuildSelectBox(url, par, sel) {
$(sel).empty();
$.getJSON(url, { id: par }, function (json, textStatus) {
for (var i = json.length - 1; i >
前言
在开始本文主题之前,先来看一个 HTML demo,一个非常简单的选择列表(select):
one
two
three
请思考一个问题,如果 这些数据(one/two/three)是从后台请求过来且动态添加渲染进DOM系统 的话,你是无法确定每个列表项的索引号的,也就意味着这些列表项没有 ID。显然,我们需要获取到用户选择的列表项与当前列表项的索引号(ID)。
selectedIndex API
JavaS