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 相关文章推荐
jquery的Theme和Theme Switcher使用小结
Sep 08 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
Vue使用lodop实现打印小结
Jul 06 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
php4的session功能评述(二)
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
php面向对象值单例模式
2016/05/03 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
JavaScript国旗变换效果代码
2008/08/13 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
vue获取验证码倒计时组件
2019/08/26 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python内置模块turtle绘图详解
2017/12/09 Python
python实现电脑自动关机
2018/06/20 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python修改文件内容的3种方法详解
2019/11/15 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
美国知名艺术画网站:Art.com
2017/02/09 全球购物
Tostadora意大利:定制T恤
2019/04/08 全球购物
澳大利亚买卖正宗二手奢侈品交易平台:Luxe.It.Fwd
2019/10/16 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
计算机专业推荐信范文
2013/11/20 职场文书
KTV的创业计划书范文
2014/02/02 职场文书
美术指导助理求职信
2014/04/20 职场文书
爱耳日活动总结
2014/04/30 职场文书
感谢信范文大全
2015/01/23 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
超级礼物观后感
2015/06/15 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
python模板入门教程之flask Jinja
2022/04/11 Python
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers