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 相关文章推荐
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
js之onload事件的一点使用心得
Aug 14 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
简单的JS轮播图代码
Jul 18 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
Oct 13 Javascript
AngularJS 支付倒计时功能实现思路
Jun 05 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
PHP 加密与解密的斗争
2009/04/17 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
JavaScript 学习初步 入门教程
2010/03/25 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
python的Tqdm模块的使用
2018/01/10 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Python流程控制 while循环实现解析
2019/09/02 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
JPA面试常见问题
2016/11/14 面试题
协议书范本
2014/04/23 职场文书
任命书格式
2014/06/05 职场文书
经济管理专业求职信
2014/06/09 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
财务工作检讨书
2014/10/29 职场文书
2015秋学期开学寄语
2015/05/28 职场文书