最好用的二级联动原生js实现你值得拥有

更新时间：2013年09月22日 15:54:26 投稿：whsnow

二级联动效果,实现方法有很多,不过其他文章中介绍的都比较笼统,在本文有一个详细的实现过程,使用原生js很容易理解,希望大家可以参考下

<script language=javascript>

cities = new Object();

function set_city(province, city)

{

var pv, cv;

var i, ii;

pv=province.value;

cv=city.value;

city.length=1;

if(pv=='0') return;

if(typeof(cities[pv])=='undefined') return;

for(i=0; i<cities[pv].length; i++)

{

ii = i+1;

city.options[ii] = new Option();

city.options[ii].text = cities[pv][i];

city.options[ii].value = cities[pv][i];

}

}

</script>

<SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();" class=login_text_input >

</SELECT> - 市
<select id="city" class=login_text_input name="shi">

<option value=0>请选择</option>

</select>

二级联动

javascript 常见功能汇总
本文给大家汇总介绍了集中常见的功能，十分的实用，有需要的小伙伴可以参考下。
2015-06-06
JavaScript中三种常见的排序方法
本篇文章主要介绍了JavaScript中三种常见的排序方法：快速排序、插入排序、冒泡排序，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
JavaScript中的for循环与双重for循环详解
这篇文章主要给大家介绍了关于JavaScript中for循环与双重for循环的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
JS正则表达式替换字符串replace()方法实例代码
正则表达式是用于匹配字符串中字符组合的模式,在js中正则表达式是对象,这篇文章主要给大家介绍了关于JS正则表达式替换字符串replace()方法的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-07-07
js仿网易表单及时验证功能
这篇文章主要为大家详细介绍了一个网易表单以及及时验证功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
Javascript中classList的基本使用方法
classList 是一个非常实用的工具,可以让我们轻松地操作元素的类名,在使用 classList 时,我们可以通过 add、remove、toggle 和 contains 等方法来添加、删除、切换和检查类名,接下来我们详细学习一下classList的使用方法以及相关方法,感兴趣的朋友一起看看吧
2023-10-10
移动端翻页插件dropload.js（支持Zepto和jQuery）
这篇文章主要为大家详细介绍了移动端翻页插件dropload.js，支持Zepto和jQuery，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-07-07
CountUp.js实现数字滚动增值效果
这篇文章主要为大家详细介绍了CountUp.js实现数字滚动增值效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
javascript获取当前的时间戳的方法汇总
这篇文章主要介绍了javascript获取当前的时间戳的方法汇总的相关资料,需要的朋友可以参考下
2015-07-07
JS实现的简单拖拽功能示例
这篇文章主要介绍了JS实现的简单拖拽功能,涉及javascript鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下
2017-03-03