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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
JS location几个方法小姐
Jul 09 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
JavaScript如何实现图片处理与合成
May 29 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 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
解析dedecms空间迁移步骤详解
2013/05/15 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
React Native实现地址挑选器功能
2017/10/24 Javascript
JS实现的透明度渐变动画效果示例
2018/04/28 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
js实现日历
2020/11/07 Javascript
python实现在pickling的时候压缩的方法
2014/09/25 Python
python自带的http模块详解
2016/11/06 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
python 多线程中join()的作用
2020/10/29 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
大学生最常用的自我评价
2013/12/07 职场文书
初中化学教学反思
2014/01/23 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
八年级英语教学反思
2016/02/15 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
室外天线与收音机天线杆接合方法
2022/04/05 无线电
Python识别花卉种类鉴定网络热门植物并自动整理分类
2022/04/08 Python