Js获取下拉框选定项的值和文本的实现代码
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;//获取文本
}
}
二者相比上一个方法比较简洁
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;
相关推荐
-
js 动态创建 html元素
js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:1px; height:1px; overflow:hidden; position:absolute;} 没事造星星玩 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
Js 获取HTML DOM节点元素的方法小结
如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1. 通过顶层document节点获取: (1) document.getElementById(elementId) :该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如proto
-
JS实现选定指定HTML元素对象中指定文本内容功能示例
本文实例讲述了JS实现选定指定HTML元素对象中指定文本内容功能.分享给大家供大家参考,具体如下: 该功能用处多多,可以灵活运用之!主要函数如下: //选中文本中指定部分 function selectSomeText(obj,start,end){ if(document.selection){ if(obj.tagName=='TEXTAREA'){ var i=obj.value.indexOf("\r",0); while(i!=-1&&i<end){ e
-
javascript 控制 html元素 显示/隐藏实现代码
1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id
-
js select 标签选定项的值获取代码
11 22 33 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] onchange="change(this)" 在这个时候 this代表select这个标签本身
-
通过JS动态创建一个html DOM元素并显示
近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘: /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj=='string'?document.getElementById(obj):obj; } /**//* 获取某个
-
JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是: 1.getElementById() 方法:通过id取得HTML元素. 2.getElementsByName()方法:通过name取得元素,是一个数组. 3.getElementsByTagName()方法:通过HTML标签取得元素,是一个数组. 如果要取得值可以使用value,如:var x=document.getElementById("id").value; 方法一:getElementById() 方法 可返回对拥有指定
-
js实现创建删除html元素小结
如果我要创建一个div元素. 1.使用DOM对象创建: 使用document.createElement('div')方法创建元素. 2.使用JQuery创建: 使用$('<div>通过JQuery创建的新元素</div>')的方法直接创建元素. 如果需要将id是'div2js'的div元素删除. 1.使用DOM对象 首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除. var el = document.getElementById('div2js'); el.pa
-
javascript删除一个html元素节点的方法
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>我们
-
高效的表格行背景隔行变色及选定高亮的JS代码
这段JS放在head中 复制代码 代码如下: //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i<sTable.rows.length;i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前
-
JavaScript改变HTML元素的样式改变CSS及元素属性
改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: 复制代码 代码如下: document.getElementById(id).style.property=new style <p id="p2">Hello World!</p> <script> document.getElementById("p2").style.color="blue"; </script> JS改变
-
javascript取消文本选定的实现代码
javascript选定文本取消, 能兼容所有主流浏览器了: 复制代码 代码如下: if (document.selection) { document.selection.empty(); } else if (window.getSelection) { window.getSelection().removeAllRanges(); } 对于文本框(input,textarea)中的文本选定取消, 这种方法会有一些问题. 不过也有办法, 记录下文本框中的value,再清空,再重新赋值. 方
-
JavaScript动态改变HTML页面元素例如添加或删除
可以通过JavaScript动态的改变HTML中的元素 向HTML中添加元素 首先需要创建一个标签,然后向该标签中添加相应的内容,然后将创建好的标签添加到相应的位置. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht
随机推荐
- xpath简介_动力节点Java学院整理
- 详解基于webpack搭建react运行环境
- Linux中执行shell脚本的4种方法总结
- PowerShell Out-File禁止覆盖文件的方法
- 使用wget递归镜像网站
- 简单介绍Python下自己编写web框架的一些要点
- JS克隆,属性,数组,对象,函数实例分析
- php/js获取客户端mac地址的实现代码
- mysql中的Load data的使用方法
- nodejs个人博客开发第六步 数据分页
- 数据库中两张表之间的数据同步增加、删除与更新实现思路
- 详解jQuery中ajax.load()方法
- JQUERY 获取IFrame中对象及获取其父窗口中对象示例
- python每次处理固定个数的字符的方法总结
- 深入解析C++设计模式编程中解释器模式的运用
- 使用Docker部署Spring Boot的应用示例
- java生成图片进行套打功能
- python3的print()函数的用法图文讲解
- 解决webpack多页面内存溢出的方法示例
- Android 6.0 扫描不到 Ble 设备需开启位置权限的方法