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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
JavaScript全局函数使用简单说明
Mar 11 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
Dec 25 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
Jan 06 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
JavaScript页面实时显示当前时间实例代码
Oct 23 Javascript
vue router 配置路由的方法
Jul 26 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
javascript实现动态时钟的启动和停止
Jul 29 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 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绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
一个简单且很好用的php分页类
2013/10/26 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
Python的另外几种语言实现
2015/01/29 Python
python每隔N秒运行指定函数的方法
2015/03/16 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
银行求职信个人范文
2013/12/16 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
临时租车协议范本
2014/09/23 职场文书
企业内部管理控制:银行存款控制制度范本
2020/01/10 职场文书
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL