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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
javascript 快速排序函数代码
May 30 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 Javascript
JavaScript前端面试组合函数
Jun 21 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脚本数据库功能详解(中)
2006/10/09 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
php并发加锁示例
2016/10/17 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
jquery中ajax学习笔记一
2011/10/16 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
Python学习之asyncore模块用法实例教程
2014/09/29 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
代码讲解Python对Windows服务进行监控
2018/02/11 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
python 同时读取多个文件的例子
2019/07/16 Python
python 读取修改pcap包的例子
2019/07/23 Python
解决python对齐错误的方法
2020/07/16 Python
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
介绍一下Ruby的多线程处理
2013/02/01 面试题
邮政员工辞职信
2014/01/16 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
市场营销专业求职信
2014/06/17 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
2015年大学生实习评语
2015/03/25 职场文书
幼儿园辞职信
2015/05/13 职场文书
社区低保工作总结2015
2015/07/23 职场文书
美容院员工规章制度
2015/08/05 职场文书
2016年公司新年寄语
2015/08/17 职场文书
Win11更新失败并提示0xc1900101
2022/04/19 数码科技