`
zprill
  • 浏览: 36390 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE 下multiple select的onclick事件太土了

IEFirefoxHTML 
阅读更多
点击select的项的时候，弹出对话框显示选中的项的数
FireFox,IE7下都是好的，但IE6下就怎么都不对，经测试发现，估计它们处理onclick事件的机制不同
1）FireFox,IE7会显示最新点击选中的结果
2）IE6则是显示本次点击前的状态，真土的掉渣。。。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
function clickSelect(){
var s =document.getElementById('testSelect');
alert("you have choose "+getSelectedSize(s));
}
function getSelectedSize(select){
var s = 0;
if(select == null || select.lenght < 1){
return s;
}
for(var i = 0; i < select.length; i++){
if(select.options[i].selected){
s++;
}
}
return s;

}
</script>
<form name="testForm">
<select name="testSelect" id="testSelect" size='5' multiple onclick="clickSelect()">
<option value="1">1111</option>
<option value="2">2222</option>
<option value="3">3333</option>
<option value="4">4444</option>
</select>
</form>
</BODY>
</HTML>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    multiple-Select.js

    多选框要用到的js multiple-Select.js 用的时候引用到文件中

    multiple-select-1.5.2_lamp7ds_css/multiple-select_

    在IT行业中，前端开发是不可或缺的一部分，而"multiple-select-1.5.2_lamp7ds_css/multiple-select_"这个标题暗示着一个专门用于实现HTML select元素多选功能的库。这个库可能是一个JavaScript插件，它使得用户在...

    multiple-select-master

    "multiple-select-master"正是利用了Bootstrap的优势，使得多选框组件在各种屏幕尺寸下都能保持良好的显示效果。 三、“multiple-select.js”解析 作为主要的功能文件，"multiple-select.js"包含了实现多选功能的...

    jQuery multiple-select-master 插件

    《jQuery multiple-select-master 插件详解与应用》 在网页开发中，选择框（select）是一种常见的表单元素，用于让用户从预设的选项中选取一个或多个值。然而，原生HTML的多选框功能相对单一，无法满足现代网页交互...

    前端项目-multiple-select.zip

    这个压缩包文件“前端项目-multiple-select.zip”包含了“multiple-select-master”这个目录，我们可以从这里获取到插件的所有源代码和相关资源。 首先，我们来看“multiple-select”插件的核心功能。它允许用户...

    multipleSelect

    jquery.multiple.select.js

    jQueryMultipleSelect实现下拉框多选

    而"jQuery Multiple Select"则是jQuery的一个插件，专门用于实现下拉框的多选功能，使得用户可以在下拉菜单中选择多个选项，极大地提高了交互体验。这个插件在各种需要用户进行多项选择的场景中十分实用，例如设置...

    select_multiple三级分类级联

    在网页设计和开发中，"select_multiple三级分类级联"是一种常见的交互元素，主要用于实现多级选择的功能。这种技术常用于商品分类、地区选择、层级菜单等场景，以提供用户友好的选择体验。例如，在淘宝发布商品时，...

    layui多选下拉框样式，整套layui-select-multiple

    "layui-select-multiple"就是Layui专门为多选下拉框设计的一整套样式和功能。 首先，我们来看“layui多选下拉框样式”这一知识点。Layui的多选下拉框在视觉上非常整洁，其设计遵循了扁平化和简洁化的理念，与现代...

    select标签multiple属性的使用方法.zip

    `&lt;select&gt;`标签的`multiple`属性在所有主流浏览器（包括Chrome、Firefox、Safari、Edge和IE9+）中都是支持的。然而，对于较旧的浏览器，如IE8及以下版本，可能需要使用polyfill或其他方法来确保兼容性。 总的来说，...

    multiple-Select.css

    多选框要用到的css 用的时候引用到文件里multiple-Select.css

    zhuyongzhengs-layui-select-multiple-master.zip

    本项目“zhuyongzhengs-layui-select-multiple-master.zip”专注于layui框架下实现下拉框select组件的多选功能，并能获取选定值，这对于构建具有交互性用户界面的应用程序非常有用。 layui的select组件是其表单元素...

    multiple-ie-setup.rar 多IE浏览器工具

    综上所述，"multiple-ie-setup.rar" 提供的多IE浏览器工具是一个强大且实用的工具，对于确保网站在不同IE版本下的兼容性具有重要意义。通过运行"multiple-ie-setup.exe" 安装程序，用户可以便捷地在自己的电脑上设置...

    Python库 | multiple_select_widget-0.1.0-py2.py3-none-any.whl

    python库。 资源全名：multiple_select_widget-0.1.0-py2.py3-none-any.whl

    multiple-ie-setup

    描述中提到的“Multiple ie for webmaster or developer”，意味着这个压缩包提供了一个解决方案，使得用户能够在同一台计算机上安装和运行多个Internet Explorer实例，从而方便地测试网页在不同IE版本下的表现。...

    下拉多选select multiple

    在网页设计和开发中，"下拉多选select multiple"是一种常见的交互元素，它允许用户在下拉菜单中选择一个或多个选项。Bootstrap框架提供了一种优雅的方式来实现这样的功能，同时增强了用户体验，尤其是在数据量较大时...

    用javascript实现不按Ctrl实现Multiple Select多选

    通常情况下，在HTML中使用`&lt;select&gt;`标签并设置`multiple`属性可以让用户通过按下Ctrl键（或Shift键）来选择多个选项。但在本案例中，我们希望去掉这个限制，使得用户点击即可选择多个选项。 #### HTML结构 ```...

Magicbox
Global site tag (gtag.js) - Google Analytics