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 相关文章推荐
Javascript常考语句107条收集
Mar 09 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
Dec 04 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
简单通过settimeout看javascript的运行机制
May 10 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
H5实现手机拍照和选择上传功能
Dec 18 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
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
如何做到多笔资料的同步
2006/10/09 PHP
PHP分页显示制作详细讲解
2008/11/19 PHP
php 图片上传类代码
2009/07/17 PHP
php中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
php 的反射详解及示例代码
2016/08/25 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
javascript instanceof,typeof的区别
2010/03/24 Javascript
比较常见的javascript中定义函数的区别
2015/11/09 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
在漏洞利用Python代码真的很爽
2007/08/26 Python
Python中使用动态变量名的方法
2014/05/06 Python
基于Python实现文件大小输出
2016/01/11 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python文件的读写和异常代码示例
2017/10/31 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
python中的global关键字的使用方法
2019/08/20 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
python读取ini配置文件过程示范
2019/12/23 Python
将 Ubuntu 16 和 18 上的 python 升级到最新 python3.8 的方法教程
2020/03/11 Python
Python离线安装各种库及pip的方法
2020/11/28 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
描述一下JVM加载class文件的原理机制
2013/12/08 面试题
有多年工作经验的自我评价
2014/03/02 职场文书
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
测绘工程专业求职信
2014/07/15 职场文书
小学国庆节活动总结
2015/03/23 职场文书
房屋维修申请报告
2015/05/18 职场文书
欠条样本
2015/07/03 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书