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 相关文章推荐
图片自动更新(说明)
Oct 02 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
webpack 1.x升级过程中的踩坑总结大全
Aug 09 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 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
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
javascript js 操作数组 增删改查的简单实现
2016/06/20 Javascript
vuex实现简易计数器
2016/10/27 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
小程序hover-class点击态效果实现
2019/02/26 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
python实现2014火车票查询代码分享
2014/01/10 Python
python操作xml文件详细介绍
2014/06/09 Python
python:print格式化输出到文件的实例
2018/05/14 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
管理部部长岗位职责
2013/12/05 职场文书
一年级班主任寄语
2014/01/19 职场文书
培训自我鉴定
2014/01/31 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
升职演讲稿范文
2014/05/23 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL