Js获取下拉框选定项的值和文本的实现代码


Posted in Javascript onFebruary 26, 2014

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;

Javascript 相关文章推荐
读jQuery之三(构建选择器)
Jun 11 Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
详解handlebars+require基本使用方法
Dec 21 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 #Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 #Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 #Javascript
Javascript高级技巧分享
Feb 25 #Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 #Javascript
js判断为空Null与字符串为空简写方法
Feb 24 #Javascript
JS清空多文本框、文本域示例代码
Feb 24 #Javascript
You might like
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
php中动态调用函数的方法
2015/03/16 PHP
php统计数组元素个数的方法
2015/07/02 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
Python实现list反转实例汇总
2014/11/11 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
python压包的概念及实例详解
2021/02/17 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
应届毕业生就业自荐信
2013/10/26 职场文书
超市5.1促销活动
2014/01/15 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
委托公证书样本
2015/01/23 职场文书
新生入学欢迎词
2015/01/26 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python