IE与火狐兼容 JavaScript 获得选中的下拉框文本

最新推荐文章于 2025-11-20 08:18:17 发布
原创 最新推荐文章于 2025-11-20 08:18:17 发布 · 578 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ie #div

本文探讨了JavaScript中innerText与textContent的区别，并展示了如何在HTML元素中使用它们来获取文本内容，适用于不同浏览器环境。

 

  if(document.all){
            planText=planSelectObj.options[planSelectObj.selectedIndex].innerText;   // IE
     }else{
            planText=planSelectObj.options[planSelectObj.selectedIndex].textContent;   //火狐
     }

关键是innerText 与 textContent

给div设置文本也是这样。

Javascript下拉框
03-07
//这个兼容 IE 与 firefox } ``` 删除所有选项 option 如果我们需要删除所有选项 option，可以使用 options.length = 0;办法来清空 select 元素中的所有选项。 ```javascript function removeAll(){ var obj = ...
javascript下拉框选项单击事件的例子分享
10-24
然而，需要注意的是，在IE9以下版本以及Chrome浏览器中，这种方法可能无法正常工作，但在Firefox浏览器上是可以正常使用的。这是因为不同的浏览器对于DOM事件的实现和支持程度是有所差异的。 鉴于此，文章建议我们...
如何在firefox下获取下列框选中option的text
weixin_33701564的博客
01-11 147
Firefox下面没有innerText,所以我们想在firefox下获取下列框选中option的text（注意不是value）时会比较吃力。笔者结合自己在项目中的解决方案和代码总结一下，请大家指教。 知识点： 0、为什么要innerText？因为安全问题 1、为firefox dom模型扩展属性  2、currentStyle属性可以取得实际的style状态 3、IE实现innerText...
JavaScript实现二级、多级(N级)联动下拉列表框更新版，支持IE6，FireFox，函数和类两种调用方式，支持到N级，非常通用。...
chenqunan3231的博客
03-09 128
自己花了不少时间整理、编写的东东。本来有点舍不得放出来。放出来了也就不加任何版权什么XX的了，省得有人删除麻烦:D 特点：通用性强、实现了script和html分离 废话少说、文档就不给了。想研究代码的看我以前的一篇blog 一、文件及源码cs.js用函数和类两种方法实现，调用时只要调用...
纯Javascript写的多选下拉框操作
zeromike
10-16 487
        写设计器的时候，总是需要对某些属性进行多选项的处理，总是用jquery处理，不能忘了本啊，写个纯JS的小例子复习一下。         这个小例子实现功能：         1.新增选项         2.删除选项         3.回显选项的Value和Text值         PS:回显信息功能只针对chrome和Firefox浏览器，IE浏览器请自觉转换监听...
js怎样通过class获取多个下拉框选择的value
m0_46327459的博客
10-18 682
将多个select标签赋上class同一个属性值 <select name="sel" class="sel"> <option value="1" >1</option> <option value="2" selected>2</option> <option value="3">3</option> </select> <select name="sel" .
使用javascript获取下拉列表框当中的文本值（对IE及firefox都适用）
gaogao0603的专栏
12-11 4192
    近日碰到一个问题，就是需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，例如下面的HTML代码：           北京           上海           广州   也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：function isSelected(value
实现文本的复制（Firefox和IE都兼容）（一）
tangxiangpi的专栏
11-27 1544
          首先介绍一个document方法execCommand：           execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如
技术演进中的开发沉思-202 JavaScript：日历与富文本编辑器
最新发布
你的天空阅读专栏
11-20 931
YUI框架的日历组件和富文本编辑器作为经典前端解决方案，展现了复杂交互场景的工程化封装艺术。日历组件通过单页/多页模式、日期范围选择和丰富事件系统，解决了日期计算、跨月导航等难题；富文本编辑器则采用模块化设计处理HTML格式化、浏览器兼容和媒体插入等痛点。二者均体现了"场景全覆盖、兼容性封装、可扩展性"的设计哲学，通过标准化API屏蔽底层复杂度，提供无缝集成的开发体验。这些组件虽已退出主流，但其工程化思维和用户体验至上的理念，仍为现代前端组件开发提供重要参考。
兼容全浏览器的个性化select下拉框设计与实现
weixin_42578963的博客
10-21 976
在实际开发中，<select>元素的尺寸控制是实现布局一致性的第一步。默认情况下，<select>会根据内容自动调整宽度，这在固定容器或栅格系统中极易导致错位。为此，应显式设置width属性以锁定控件尺寸：/* 与height匹配，确保文本垂直居中 */属性说明推荐值width控制下拉框整体宽度固定像素（如200px）或百分比（如100%height设定控件高度，影响点击热区大小至少36px以符合无障碍点击区域标准。
原生JavaScript+Css模拟Select下拉框，美化
cynthia101的博客
01-20 6935
原生JavaScript+Css模拟Select下拉框，美化前言实现细节涉及到的技术效果展示代码展示Html结构Css结构JavaScript结构总结 前言 各位FEer，你们好！ 在我们的前端开发生涯中，有着许许多多的细枝末节，有的需要兼容低版本ie浏览器，有的是因为需要有更好的用户体验。最近呢，我们公司要为产品中心设计一个官方推广网站，其中的Select下拉框就因为设计师的交互靠原生不能很好的...
JS实现的简单下拉框联动功能示例
10-18
这种实现方式更健壮，因为它能够兼容不同浏览器，包括Firefox和Internet Explorer。对于更复杂的情况，比如动态生成大量选项，可以通过循环来配置`<option>`元素，或者使用数组和`for`循环来简化代码。 此外，了解...
Js获取下拉框选定项的值和文本的实现代码
10-26
另外，由于不同浏览器之间存在差异，在IE浏览器中还可以使用`innerText`属性来获取选项的文本，但在Firefox中不支持此属性。因此，如果需要兼容IE浏览器，可以采用以下方法： ```javascript var obj = document....
jQuery实现Select双向列表(保留optgroup分组)
天地人和
02-28 3749
/html ****** 略 ****** X标题XXX 确认 取消 ****** 略 ******
js递归调用，处理字符串，每15个换行一次
天地人和
11-10 2694
小小记录一下     function addStrLine(str)   {    return insertString(str.substr(0,15),str.substr(15,str.length),"\n");   }   function insertString(startStr,endStr,insertStr){    if(endStr.length>15)
js效果60秒倒计时
天地人和
09-09 2473
function sendYZM(){   checkShowHref();   alert("发送成功!");  }  var count=60;  var intervalDiv;  var hrefObj;  var divHrefIdObj;  funct
js 子窗体控制父窗体的 TABLE 部分代码
天地人和
10-19 847
曾经写过项目中的js代码，保存起来下吧。     //打开新窗口    function openNewWindow(){     var open=window.open("proSetService.do?action=findMaterielByType","na
前端总结（一）
天地人和
05-13 429
工作许久，记录一点笔记，方面日后查阅。 javascript 1.拼接字符串-利用数组 var html = []; html.push(""); html.join(""); 2.ajax基本参数 $.ajax({ cache: false, dataType: "json", url: webRoot+"...../x.action", data:{"page
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值