诗词
字典
板报
句子
名言
励志
学校
友答
搜索
首页
中考频道
作文频道
公务员频道
出国留学
医药考试
司法考试
图书频道
外语考试
建筑工程
成人高考
故事频道
教程频道
文档频道
早教
星座频道
校园
求职招聘
考研频道
职业资格
自考频道
计算机考试
财会考试
高考频道
当前位置:
首页
>
教程频道
>
网站开发
>
JavaScript
>
很简单的js上拉框联动
2012-07-28
很简单的js下拉框联动使用innerHTML,IE浏览器不支持这种方法的,所以改进方法:!DOCTYPE html PUBLIC -//W
很简单的js下拉框联动
使用innerHTML,IE浏览器不支持这种方法的,所以改进方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script>function setSecond(obj){var val = obj.value;if(val == 'en'){var sec = document.getElementById('second');sec.options[0] = new Option("one","one");sec.options[1] = new Option("two","two");}else{var sec = document.getElementById('second');sec.options[0] = new Option("一","one");sec.options[1] = new Option("二","two");//可设置循环配置,也可一个一个配置}}</script></head><body><div> <select id="first" onchange="setSecond(this)"> <option value="en">en</option> <option value="zh">zh</option> </select> </div><div> <select id="second"> </select> </div></body></html>
可以兼容火狐,IE等