Js获取下拉框选定项的值和文本的实现代码
更新时间：2014年02月26日 09:46:55 作者：
本篇文章主要是对Js获取下拉框选定项的值和文本的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
Js获取下拉框的值和文本网上提供了2种方法：但有些人很不负责任，他们根本没考虑到浏览器之间的差异导致的错误，导致很多新手琢磨了半天找不出错误！
下面我总结下Firefox和IE下获取下拉框选定项的值和文本：
1. IE和Firefox都支持的方法：
获取文本
复制代码 代码如下:
var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].text;//获取文本
var obj=document.getElementById("select_template");
for(i=0;i<obj.length;i++) {//下拉框的长度就是他的选项数
if(obj[i].selected==true) {
var text=obj[i].text;//获取文本
}
}
二者相比上一个方法比较简洁
2. IE支持Firefox不支持：
复制代码 代码如下:
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++) {
if(obj[i].selected==true) {
var text= obj[i].innerText;
}
}
获取值方法IE和Firefox通用：
var value=document.getElementById("select_template").value;//获取值
总结：其实主要就是IE和Firefox都支持value和text属性，Firefox不支持innerText属性。
Js实现当前页打开一个新链接：
window.location.href=url;
您可能感兴趣的文章:
- 高效的表格行背景隔行变色及选定高亮的JS代码
- javascript取消文本选定的实现代码
- js select 标签选定项的值获取代码
- javascript 控制 html元素 显示/隐藏实现代码
- js实现创建删除html元素小结
- JavaScript动态改变HTML页面元素例如添加或删除
- JavaScript改变HTML元素的样式改变CSS及元素属性
- Js 获取HTML DOM节点元素的方法小结
- javascript删除一个html元素节点的方法
- 通过JS动态创建一个html DOM元素并显示
- js 动态创建 html元素
- JavaScript中获取HTML元素值的三种方法
- JS实现选定指定HTML元素对象中指定文本内容功能示例
相关文章
这篇文章主要介绍了JavaScript将字符串转换为整数的方法,涉及javascript中parseInt函数的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
一些js代码，自己备用的,高手不要笑话我。（跨浏览器基础事件，浏览器检测，判断浏览器的名称、版本号、操作系统）等等，很实用的，方便自己使用，感兴趣的朋友可以了解下，希望本文对你有所帮助2013-01-01
用了一年时间的TypeScript了,下面这篇文章主要给大家介绍了关于TypeScript中互斥类型实现的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
下面小编就为大家带来一篇基于ES6 Array.of的用法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
轨迹拖动（拖影效果）2010-06-06
昨天我问一美工jQuery怎么样了，他说简单的还可以，复杂的就不行了，我又问是哪种程度的复杂？2010-11-11
下面小编就为大家带来一篇JS获得iframe中的window对象的实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JavaScript中实现依赖注入的思路分享,本文给出的解决方案包括获取func的参数列表、根据参数列表寻找依赖、传递依赖项参数并实例化等3个步骤,需要的朋友可以参考下2015-01-01
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
本篇文章主要介绍了JS控制图片翻转示例代码(兼容firefox,ie,chrome) 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了javascript事件模型用法,实例分析了事件模型、事件对象、事件监听器及事件传递的定义与使用技巧,需要的朋友可以参考下2015-01-01
最新评论