首页
诗词
字典
板报
句子
名言
友答
励志
学校
网站地图
JavaScript
Dreamweaver
Fireworks
Flash
ASP
asp.net
PHP
JSP
SEO优化
源码建站
CSS
Web开发
Web前端
JavaScript
vbScript
Ajax
网页设计
跨浏览器开发
高性能WEB开发
Web Service
XML SOAP
当前位置:
首页
>
教程频道
>
网站开发
>
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等
查看更多
下一篇
本文网址:
https://www.reader8.net/jiaocheng/20120728/1410645.html
读书人精选
热点排行
JavaScript札记(2)
关于浏览器兼容性解决方案
关于javascript中回调函数(callback)中t
IE中 scroll事件会触发多次有关问题
js解释数据包,该怎么处理
My97DatePicker日期控件的有关问题
如何让你更快的学会extjs,(包括1.0,2
iPhone下的JSON
php jsp差别
jsp页面添<base href="<%=basePath%>">则