JavaScript(select onchange)的网页跳转的简单实现
2016-05-11 20:43
1036 查看
方法一:
<select onchange="goUrl(this.options[this.selectedIndex])">
<option>==</option>
<option value='http://www.csdn.net' target="_blank">csdn</option>
<option value='http://www.163.com' target="_self">163.com</option>
</select>
<script>
function goUrl(obj){
if(obj.target=='_blank')window.open(obj.value);
if(obj.target=='_self')location.href=obj.value;
}
</script>
方法二:
TE>TE>
select页面跳转及获值
<select onchange="window.location.href=this.options[selectedIndex].value" >
<option value="http://www.google.com" >谷歌</option>
<option value="http://www.yahoo.com" >雅虎</option>
<option value="http://www.baidu.com" >百度</option>
</select>
这里主要用到 :
1.window.location.href 跳转,如果想在新窗口中打开,可以用 window.open(this.options[selectedIndex].value).
2.this.options[selectedIndex].value取值.
注意:javascript是严格区分大小写的!只能写成selectedIndex.
<select onchange="goUrl(this.options[this.selectedIndex])">
<option>==</option>
<option value='http://www.csdn.net' target="_blank">csdn</option>
<option value='http://www.163.com' target="_self">163.com</option>
</select>
<script>
function goUrl(obj){
if(obj.target=='_blank')window.open(obj.value);
if(obj.target=='_self')location.href=obj.value;
}
</script>
方法二:
TE>TE>
select页面跳转及获值
<select onchange="window.location.href=this.options[selectedIndex].value" >
<option value="http://www.google.com" >谷歌</option>
<option value="http://www.yahoo.com" >雅虎</option>
<option value="http://www.baidu.com" >百度</option>
</select>
这里主要用到 :
1.window.location.href 跳转,如果想在新窗口中打开,可以用 window.open(this.options[selectedIndex].value).
2.this.options[selectedIndex].value取值.
注意:javascript是严格区分大小写的!只能写成selectedIndex.
相关文章推荐
- Ext JS 初识
- javascript -function- 函数从基本到闭包详解
- JavaScript事件委托的技术原理
- 主流JS框架中DOMReady事件的实现
- fastjson封装
- js获取当前日期
- JavaScript动态创建Input输入框动态获取值
- javascript使用promise递归读取目录下所有文件
- 关于jsp的一些问题和解答
- 深入javascript
- js 二维数组的深拷贝
- 如何判断一个js对象是否一个DOM对象
- Codewars-Javascript训练手册:字符串(中)
- Three.js之照相机Camera
- js判断手机还是pc并跳转相关页面
- 检查字符串中出现aa字符串的所有位置
- Jsonkit报错修改
- 后台接收json对象
- 分享12个非常实用的JavaScript小技巧
- JavaScript获取CSS中样式的值