firefox下获取下列框选中option的text的代码

知识点：
0、为什么要innerText？因为安全问题
1、为firefox dom模型扩展属性
2、currentStyle属性可以取得实际的style状态
3、IE实现innerText时考虑了display方式，如果是block则加换行
4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容
代码： 在IE6,7,8 和firefox 2,3下测试均通过。

//If your browser is IE , return true. If is others, like firefox, return false.
function isIE(){ //ie?
if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1)
return true;
else
return false;
}
//If is firefox , we need to rewrite its innerText attribute.
if(!isIE()){ //firefox innerText define
HTMLElement.prototype.__defineGetter__( "innerText",
function(){
var anyString = "";
var childS = this.childNodes;
for(var i=0; i

My 1111 hahaha
My 2222
My 3333
My 4444

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

当然，如果单独针对下拉框，也可以不用重写innerText，用下面的代码也能实现。重写innerText是为了兼容除下拉框以外的其他的HTML 元素。

function chk(){
//var objText = getSelectedText("mySelect");
var obj = document.getElementById("mySelect");
var objText = obj.options[obj.selectedIndex].text
alert("seleted option's text is : "+objText);
var objValue=document.getElementById("mySelect").value;
alert("seleted option's value is :"+objValue);
}

My 1111 hahaha
My 2222
My 3333
My 4444

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 改进版：在select中添加、修改、删除option元素

    今天休完年假从家回来后,看到小林在QQ发的"监控管理示范代码",核心原理用的是select元素的 add() 方法: 复制代码 代码如下: function watch_ini(){ // 初始  for(var i=0; i<arguments.length; i++){  var word = document.createElement("OPTION");  word.text = arguments[i];  watch.keywords.add(w

  • javascript 动态创建 Option选项

    javascripttest function setDay() { var themonth=document.getElementById("month"); var themaxmonthday=31; if(themonth.value=="2") { themaxmonthday=28; } var theday=document.getElementById("day"); var tempdaylength=theday.optio

  • jquery操作select option 的代码小结

    1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

  • javascript select options 排序(保持option 对象完整性)

    function addOption(object, object2) { each(object2, function(o, index) { object.options[index] = o; }) } function sortlist(sortName,isDesc) { var what = document.getElementById(sortName); this._options = map(what.options, function(o) { return o; });

  • javascript各浏览器中option元素的表现差异

    1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有. 复制代码 代码如下: <select id="s1" multiple="multiple"> <option value="1" onclick="alert(1);">1</option> <option value="2" oncl

  • jQuery 操作option的实现代码

    js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可.现在使用jQuery来实现,我们只需要调用其支持的empty方法即可. empty() 删除匹配的元素集合中所有的子节点. 再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 复制代码 代码如下: $('#selectId').empty().append( $("<option>这里放默认值</option>") );

  • js 操作select和option常用代码整理

    1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

  • javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件. javascript对它们的操作 一.基础理解 复制代码 代码如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="

  • javascript据option的value值快速设定初始的selected选项

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

  • firefox下获取下列框选中option的text的代码

    知识点: 0.为什么要innerText?因为安全问题 1.为firefox dom模型扩展属性 2.currentStyle属性可以取得实际的style状态 3.IE实现innerText时考虑了display方式,如果是block则加换行 4.为什么不用textContent?因为textContent没有考虑元素的display方式,所以不完全与IE兼容 代码: 在IE6,7,8 和firefox 2,3下测试均通过. //If your browser is IE , return tr

  • layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)

    因为本身layui是有一套自身的监听方式,form.on   当然你是先将select放入<div class="layui-form">中,不然都显示不出select 里面也有监听普通下拉选框选中值发生改变的方式,直接复制即可 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&qu

  • Jquery和angularjs获取check框选中的值的方法汇总

    在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息.这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息. 复制代码 代码如下: <td><input class="states" type="checkbox"  name="orders"  value="{{e.merchant

  • javascript实现富文本框选中对齐的思路与代码

    javascript实现富文本框选中对齐的思路与代码

    目录 需求: 分析需求: 1如何获取选中的部分 * 2什么是块元素 3末梢元素(没有子节点的元素) 实现思路: 代码实现: 总结 需求: 一个可编辑(contenteditable=true)的div,对齐选中内容,左.中,右 ,其实质是:对选中的末梢节点,找到块属性的父元素,设置text-algin:center: MDN:text-align CSS属性定义行内内容(例如文字)如何相对它的块父元素对齐.text-align 并不控制块元素自己的对齐,只控制它的行内内容的对齐. 分析需求: 我

  • Javascript在IE或Firefox下获取鼠标位置的代码

    第一段代码是利用全局变量来获取实时鼠标的位置. 复制代码 代码如下: var xPos; var yPos; window.document.onmousemove(function(evt){ evt=evt || window.event; if(evt.pageX){ xPos=evt.pageX; yPos=evt.pageY; } else { xPos=evt.clientX+document.body.scrollLeft-document.body.clientLeft; yPo

  • IE及firefox下获取及设置样式值的代码

    复制代码 代码如下: <script type="text/javascript"> //<![CDATA[ function $(obj) { return document.getElementById(obj); } function getStyle(obj,styleName) { if(obj.currentStyle) //for ies { return obj.currentStyle[styleName]; //注意获取方式 } else //fo

  • js获取select选中的option的text示例代码

    javascript 复制代码 代码如下: var item = document.getElementById(""); var text = item.options[item.selectedIndex].text; jQuery 复制代码 代码如下: var text = $("#selector")[0].options[$("#selector")[0].selectedIndex].text

  • 在IE下获取object（ActiveX）的Param的代码

    为了清晰起见,下面用最简单的HTML和JavaScript来说明.有这么一段HTML(head部分是标准的head,doctype使用xhtml-transitional的DTD): 复制代码 代码如下: <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/

  • 解决FireFox下[使用event很麻烦]的问题

    在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为: btn.onclick=handle_btn_click; function handle_btn_click(evt) {     if(evt==null)evt=window.event;//IE     //处理事件. } 对于简单的程序,这不算

  • 解决 FireFox 下[使用event很麻烦] 的问题.

    在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为: btn.onclick=handle_btn_click; function handle_btn_click(evt) {     if(evt==null)evt=window.event;//IE     //处理事件. } 对于简单的程序,这不算

随机推荐