当前位置: 58彩票app下载 > 关于计算机 > 正文

javascript取消文本选定的实现代码,Js获取下拉框

时间:2019-09-18 11:14来源:关于计算机
javascript选定文本取消, 能兼容所有主流浏览器了: Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢

javascript选定文本取消, 能兼容所有主流浏览器了:

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误!

复制代码 代码如下:

下面我总结下Firefox和IE下获取下拉框选定项的值和文本:

if (document.selection) {
document.selection.empty();
} else if (window.getSelection) {
window.getSelection().removeAllRanges();
}

1. IE和Firefox都支持的方法: 获取文本

对于文本框(input,textarea)中的文本选定取消, 这种方法会有一些问题.

复制代码 代码如下:

不过也有办法, 记录下文本框中的value,再清空,再重新赋值. 方法有点搓, 不过能兼容所有浏览器.

var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].text;//获取文本  

您可能感兴趣的文章:

  • Js获取下拉框选定项的值和文本的实现代码
  • 高效的表格行背景隔行变色及选定高亮的JS代码
  • js select 标签选定项的值获取代码
  • javascript 控制 html元素 显示/隐藏实现代码
  • js实现创建删除html元素小结
  • JavaScript动态改变HTML页面元素例如添加或删除
  • JavaScript改变HTML元素的样式改变CSS及元素属性
  • Js 获取HTML DOM节点元素的方法小结
  • javascript删除一个html元素节点的方法
  • 通过JS动态创建一个html DOM元素并显示
  • js 动态创建 html元素
  • JavaScript中获取HTML元素值的三种方法
  • JS实现选定指定HTML元素对象中指定文本内容功能示例

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;

您可能感兴趣的文章:

  • 高效的表格行背景隔行变色及选定高亮的JS代码
  • javascript取消文本选定的实现代码
  • js select 标签选定项的值获取代码
  • javascript 控制 html元素 显示/隐藏实现代码
  • js实现创建删除html元素小结
  • JavaScript动态改变HTML页面元素例如添加或删除
  • JavaScript改变HTML元素的样式改变CSS及元素属性
  • Js 获取HTML DOM节点元素的方法小结
  • javascript删除一个html元素节点的方法
  • 通过JS动态创建一个html DOM元素并显示
  • js 动态创建 html元素
  • JavaScript中获取HTML元素值的三种方法
  • JS实现选定指定HTML元素对象中指定文本内容功能示例

编辑:关于计算机 本文来源:javascript取消文本选定的实现代码,Js获取下拉框

关键词: