脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 二级联动

最好用的二级联动 原生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>

相关文章

最新评论