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初学:find()方法及children方法的区别分析
Jan 31 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
实例详解jQuery的无new构建
Aug 02 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
使用vue for时为什么要key【推荐】
Jul 11 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 Javascript
基于JS实现视频上传显示进度条
May 12 Javascript
js数组中去除重复值的几种方法
Aug 03 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
一个SQL管理员的web接口
2006/10/09 PHP
PHP学习笔记之字符串编码的转换和判断
2014/05/22 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
JS实现复制内容到剪贴板功能
2017/02/05 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
[01:13:59]LGD vs Mineski Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
python opencv之SIFT算法示例
2018/02/24 Python
python3 对list中每个元素进行处理的方法
2018/06/29 Python
Python代码打开本地.mp4格式文件的方法
2019/01/03 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
如何基于线程池提升request模块效率
2020/04/18 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
django实现日志按日期分割
2020/05/21 Python
Python 列表反转显示的四种方法
2020/11/16 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
法国在线药房:Shop Pharmacie
2019/11/26 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
某同学的自我鉴定范文
2013/12/26 职场文书
市场专员岗位职责
2014/02/14 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript
青岛市的收音机研制与生产
2022/04/07 无线电
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫