开发学院网页设计 JavaScript JS实现无刷新联动菜单（select）的方法阅读

JS实现无刷新联动菜单（select）的方法

　2010-09-14 13:03:34　来源：WEB开发网　　　

核心提示： 示例代码：HTML:<script language="JavaScript" type="text/javascript">var cityArr = [];cityArr['江苏省'] = [{txt:'南京&

示例代码：

HTML:

<script language="JavaScript" type="text/javascript">　
var cityArr = [];
cityArr['江苏省'] = [
{txt:'南京', val:'南京'},
{txt:'无锡', val:'无锡'},　　　　
{txt:'徐州', val:'徐州'},　　　　
{txt:'苏州', val:'苏州'},　　　　
{txt:'南通', val:'南通'},　　　　
{txt:'淮阴', val:'淮阴'},　　　　
{txt:'扬州', val:'扬州'},　　　　
{txt:'镇江', val:'镇江'},　　　　
{txt:'常州', val:'常州'}　　
];
cityArr['浙江省'] = [　　　　
{txt:'杭州', val:'杭州'},　　　　　
{txt:'宁波', val:'宁波'},　　　　
{txt:'温州', val:'温州'},　　　　
{txt:'湖州', val:'湖州'}　　
];　
function setCity(province) {　　　　
setSelectOption('city', cityArr[province], '-请选择-');
}　
</script>　
<select name="province" id="province" onchange="if(this.value != '')
setCity(this.options[this.selectedIndex].value);">　　
<option value="">-请选择-</option>　　
<option value="江苏省">江苏省</option>　　
<option value="浙江省">浙江省</option>
</select>
省　
<select name="city" id="city">　　
<option value="">-请选择-</option>
</select>
市