IE6下 JavaScript 点击select取selectedIndex 问题

最新推荐文章于 2022-09-30 11:08:25 发布
最新推荐文章于 2022-09-30 11:08:25 发布
阅读量2.9k 收藏
点赞数
分类专栏： Web 文章标签： javascript ie function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/devfan/article/details/4240840
版权

     昨天在使用select的onclick中取selectedIndex 时候老出问题,后来发现取到的selectedIndex老是前面一次的,但延迟一些时间取就没有这个问题,不知道是不时BUG ,可能是IE6 DOM处理比较慢的缘故吧.今天在IE8下试验没有这样的问题.

<script type="text/javascript" >    
    
function sel_click(){           
     // 原先的选中index 
 var selectObj=document.getElementById("selobj");     
 var oldIdx = selectObj.selectedIndex;     
 alert(oldIdx);
  //确保取到点击后的index
 setTimeout(function(){alert(selectObj.selectedIndex);}, 60); 
}     
    
    
 
    
</script>
<body bgcolor="#FFFFFF">
<select id="selobj"  οnclick="sel_click()"  size="8" multiple="true">
  <option value="1"  >aaa</option>
  <option value="2" >bbb</option>
  <option value="3"  >ccc</option>
</select>
<div id="reslut" ></div>

 

devfan
关注
专栏目录
javascript - selectedIndex
麻雀的专栏
08-03 2314
  Male  Famale想选中Male:用document.sname[1].selected=false;是不可以的，selected是只读的。应该用document.sname.selectedIndex=1; 
JS检索下拉列表框中被选项目的索引号(selectedIndex)
zhansan的博客
06-03 925
JS检索下拉列表框中被选项目的索引号(selectedIndex)
关于js无法获取到下拉列表select的选中状态解决方案之一
秃头之路
06-12 931
问题 问题当我们在html中适应js对应的下拉列表时，但是我们虽然拿到了select，仍然无法通过我们获取到的select对象获取到对应的option的value和text或者是调用select index方法爆出无定义 解决方案 首先我们先进行检查我们的js代码是不是通过name属性来获取到的select对象 ，如果是则修改获取方式为通过i d来获取，可以解决问题。具体为什么笔者暂时没有 找到答案，就是知道这样可以解决问题。 如果有人知道为什么可以评论区回答，也可以私信我补补充一下，谢谢 ...
php和javascript用selectedIndex多选项显示在页面上
cdcdhj的博客
01-31 114
<html> <head> <meta http-equiv="content-type" content="text/html charset=uft-8"/> <title></title> </head> <body> <form method="post" action="" id="form1"> <table width="300" border="0" cellpadding="0" cell
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
10-26
在本篇文章中，我们将介绍如何使用JavaScript来获取HTML中的select元素的当前值，并且确保这段代码兼容主流的浏览器，包括IE、Firefox、Opera和Chrome。在Web开发中，select元素通常用来制作下拉列表，它允许用户从...
javascript中select下拉框的用法总结
10-23
在JavaScript中，`<select>`元素是网页表单中常用的组件，用于创建下拉列表供用户选择。本文将详细介绍`select`下拉框的用法，以及在实际开发中如何与后台进行数据交互。 ### 1. 获取选中的option值 当用户在...
Common.rar_Internet/IE编程_JavaScript_
08-11
在互联网/IE编程领域，JavaScript是一种至关重要的脚本语言，广泛应用于网页开发，为用户提供动态交互体验。"Common.rar"这个压缩包包含了针对网页中常见交互元素如单选按钮、多选框和下拉列表的JavaScript通用取值...
javascript option onclick事件ie解决方案 兼容ie,firefox
12-02
JavaScript中select元素的option子项上绑定onclick事件，在不同浏览器间的兼容性问题一直是个常见的难题。特别地，IE浏览器对于这一特性支持并不友好，这导致开发人员在开发涉及跨浏览器兼容的Web应用时，不得不寻找...
selectedIndex 用法
antelope_2014的博客
05-08 1603
selectedIndex属性可设置或返回下拉列表中被选选项的索引号。若允许多重选择，则仅会返回第一个被选选项的索引号。 selectObject.selectedIndex=number当自定义下拉菜单时，可通过selectedIndex 与模拟的元素的index值相等，去建自己想要的效果。 <!doctype html> <html> &...
DOM Select对象的selectedIndex属性
Focus-Fe
05-22 544
DOM selectedIndex属性       ----- 设置或返回下拉框列表中被选选项的索引号。              也是从0开始的。   selectObj.selectedIndex = number;     扩展阅读：   http://www.w3school.com.cn/htmldom/prop_select_selectedindex....
浏览器错误：选择下拉列表元素的add（）方法无法按预期工作（IE）
IT与开发人员的地盘
05-21 187
问题 select对象的add方法不会将选项附加到列表的末尾。 浏览器 IE浏览器 例 用于在选择下拉列表的末尾附加一个option元素的Javascript代码： varopt=document.createElement("option"); opt.name="optName"; opt.value="optValue"; varselObj=document...
表单下拉选项selectedIndex的应用：
andrewleeeeee的专栏
10-31 898
表单下拉选项的应用： var selectObj = document.getElementById("shape");  //先取表单的下拉菜单 var index = selectObj.selectedIndex;  //取当前用户或者默认选择的选项，此处取出一个数组[]0开始 var shape = selectObj[index].value;  //根据数组取出value值来使用
javascript select option对象总结
习惯在马桶上思考
12-20 788
一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在标签中创建一个或多个文本 //options是个数组,里面可以存放多个文本这样的标签 1:options[ ]数组的属性: length属性--------...
Selenium实现点击click()
热门推荐
XerCis的博客
12-11 3万+
首先使用find_element_xxx定位到元素，再选择以下三种方法其一： 定位元素 from selenium import webdriver driver = webdriver.Chrome() a = driver.find_element_by_class_name('xxx') 实现点击click() # 方法1：直接调用click() a.click() # 方法2：调用e...
关于select中的selectedIndex属性问题
G-Ohand
04-20 1万+
先来看这段代码：网站连接……Cn-Bruce">http://www.cnbruce.com/">Cn-BruceBlue!dea">http://www.blueidea.com/">Blue!deaIt365cn">http://www.it365cn.com/">It365cn当下拉列表栏有变化时，响应open函数。然后下拉列表返回默认值selectedIndex相当于一个下拉列表数组，顺序
学习在javascript中select下拉获取选中项的索引
徊忆羽菲
09-30 821
学习在javascript中select下拉获取选中项的索引
jq select2 selectedIndex
最新发布
06-08
`select2` 是一个基于 jQuery 的下拉列表插件，它提供了许多额外的功能，如搜索、远程数据源、多选等。如果你想要使用 `select2` 来获取当前选中的选项的索引值，可以使用以下代码： ```javascript var selectedIndex = $('#mySelect2').prop('selectedIndex'); ``` 其中 `#mySelect2` 是你的 `select` 元素的 ID，`prop('selectedIndex')` 方法返回了当前被选中的选项的索引值。 需要注意的是，使用 `prop('selectedIndex')` 方法只能获取到当前选中的选项的索引值，如果你想要获取选中的选项的值（即 `value` 属性），可以使用 `val()` 方法： ```javascript var selectedValue = $('#mySelect2').val(); ``` 这将返回当前被选中的选项的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值