`
pouyang
  • 浏览: 321556 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

可输入的下拉框,兼容IE6,7,8,9

 
阅读更多

有时候因为包含了这一部分导致下拉框不可使用:

<!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">

或者使用

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />  (IE6模拟IE8 解决这种不兼容的问题)。

 

 

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body>

 <style type="text/css">
 .tdSelect{}
 .tdSelect div{position: relative;}
 .tdSelect div span{margin-left:170px; width:28px;  overflow: hidden; }
 .tdSelect div span select{width: 188px; margin-left: -170px; height:119px;  }
 .tdSelect div input{height:19px;width: 170px; position: absolute; left: 0px;}
 </style>
 <table>
   <tr>
     <th>可手动输入下拉框:</th>
     <td class ="tdSelect">
     <div>
         <span>
             <select id="UIDSelect" onchange="this.parentNode.nextSibling.value=this.value">
             <option value="001" >001</option>
             <option value="002" >002</option>
             <option value="003" >003</option>
             <option value="004" >004</option>
             </select>
         </span>
      <input type="text" name="UID" id="UID"  value='' />
     </div>
     </td>
     <td>
      <input type="button" value="隐藏的值" onclick="alert(document.getElementById('UID').value);" />
     </td>
   </tr>
 </table>

</body>
</html>

分享到:
评论

相关推荐

    基于jquery带搜索功能的下拉框,兼容IE5/6/7/8/9/10

    同时,对于IE5和IE6,由于其对CSS和DOM支持的局限,可能需要更复杂的技巧来确保样式和交互的正常工作。 在实现过程中,开发者可能需要使用jQuery的`.each()`方法遍历选项,`.filter()`方法进行过滤,以及`.show()`...

    jquery实现下拉框多选(支持IE7)

    本篇文章将深入探讨如何使用jQuery和EasyUI框架来实现一个支持多选功能的下拉框,特别关注对IE7及360浏览器的兼容性。 首先,我们需要了解jQuery的核心概念。jQuery通过简洁的API提供了对JavaScript对象的封装,...

    comBox可输入下拉框

    在IT行业中,"comBox可输入下拉框"是一种常见的用户界面组件,它结合了文本输入框和下拉选择框的功能。这样的设计旨在提供更灵活的用户体验,允许用户既可以手动输入值,也可以从预设的选项中进行选择。在网页开发中...

    下拉框可输入+自动提示+支持键盘事件兼容IE,FF

    标题 "下拉框可输入+自动提示+支持键盘事件兼容IE,FF" 指的是一种前端开发技术,用于创建具有智能搜索和自动提示功能的下拉选择框。这种技术通常应用于网页表单中,提高用户输入数据的效率和体验。在描述中提到的 ...

    可输入,可检索的下拉框小插件。

    "可输入,可检索的下拉框小插件"是为提高这种交互性而设计的一种工具,它使得用户在输入框中不仅可以进行选择,还能通过输入关键词进行快速检索。这种功能在网页表单、数据筛选和导航等场景中非常常见。 1. **支持...

    combox实现的可编辑下拉框

    而可编辑下拉框则突破这一限制,允许用户在输入框中直接输入,同时保持下拉列表功能,以便用户在输入时能够匹配并选择合适的预定义选项。 ### 2. JavaScript基础 JavaScript是实现此类交互的关键,它是一种动态、...

    jQuery 下拉框插件-带列表,带输入,快速查找及结果分页展示的多功能选择器

    强大的jquery下拉框插件 下拉框展示带列表分页功能,适合下拉框大量数据展示 下拉框带快速查找,可以快速筛选 支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架...浏览器兼容:IE8+、Chrome、Firefox等

    可编辑下拉框 支持常用浏览器

    标题中的“可编辑下拉框 支持常用浏览器”指的是在网页开发中,实现一个具有编辑功能的下拉框(Dropdown)控件,并且这个控件能在主流的浏览器上正常工作,如Chrome、Firefox、Safari和Edge等。在Web应用中,下拉框...

    select2_ie8.rar

    《Select2插件在IE8下的兼容性优化与应用》 在Web开发中,选择框(Select)是我们经常遇到的一种元素,特别是在数据量较大或需要提供搜索功能时,普通的HTML Select往往无法满足需求。这时,JavaScript插件Select2...

    火狐 IE js脚本库【可查找下拉框】【无限级菜单】【加强日历】

    "可查找下拉框"这一特性允许用户在下拉框中输入关键词,快速定位并选择需要的选项,大大提高了用户体验。这种功能通常通过JavaScript实现,监听键盘事件,并实时过滤显示的选项,使用户能够更有效地导航。 2. **...

    Js信息提示层(兼容ie6/ie7/ie8/FF)

    做web开发时,大家经常在数据输入时要做选择,有时需要辅助输入,但用select下拉框用户体验不好,所以很多时候要用到信息输入提示,点击一下显示输入信息,让用户作选择,本demo就很好做到了这一点,希望大家用得到,用的是...

    editableSelect可编辑搜索的下拉框插件

    `editableSelect`通常兼容主流的现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。对于性能方面,由于采用实时搜索,因此在大量选项时可能需要注意优化,比如设置适当的搜索延迟或预加载机制。 ...

    JS自动补全下拉框代码

    提到的代码已测试过IE6、IE8和Firefox,表明其具备一定的浏览器兼容性。在实际开发中,还需要考虑其他现代浏览器,如Chrome、Safari和Edge,以及移动设备上的浏览器。 6. **AJAX集成**: 虽然此代码示例未包含...

    QUI树形下拉框

    13. **全浏览器兼容**:QUI树形下拉框在IE6到IE9以及Firefox、Chrome、Safari等多个浏览器环境下保持一致的功能和外观表现。 组件内部依赖于zTree组件,感谢zTree作者的授权和支持。用户可以通过在线示例或下载QUI...

    带搜索功能的select组件,支持IE8以上及其他浏览器

    今天我们要讨论的是一个专门针对"带搜索功能的select组件"的设计与实现,它不仅兼容IE8以上的版本,还能在其他现代浏览器上正常运行。这个组件的出现解决了在大量数据下选择项查找困难的问题,极大地提升了用户体验...

    下拉框(select),可以多选,带有分组搜索功能

    7. **兼容性和适配**:确保组件在各种主流浏览器上表现一致,并考虑移动设备的适配,提供良好的触屏操作体验。 总的来说,具有多选、分组和搜索功能的下拉框在现代前端应用中是不可或缺的,它为用户提供了一种高效...

    带搜索功能的纯js的下拉框组件,兼容几乎所有浏览器

    带搜索功能的select组件,支持IE8以上及其他浏览器,输入字符自动匹配,可以去博客看看具体细节:https://blog.csdn.net/u010554942/article/details/80593194

    模仿IE下拉过滤功能

    8. **兼容性处理**:虽然我们是以IE为参考,但也要考虑到其他浏览器的兼容性。现代浏览器可能提供了原生的`&lt;input type="search"&gt;`或`&lt;datalist&gt;`元素,可以优先利用这些特性,对于不支持的浏览器,则使用上述的...

    input+select(multiple) 实现下拉框输入值

    但是,这种做法并不理想,因为它可能会引起浏览器的警告,如在IE7环境中出现的弹窗提示,用户体验不佳。 为了避免这种问题,可以考虑使用JavaScript或jQuery来监听`input`元素的输入事件。当用户输入时,可以清空`...

    jquery带搜索的下拉框(可模糊搜索)

    `Chosen`兼容大部分现代浏览器,包括IE7及更高版本。对于移动设备,虽然没有专门的优化,但在触摸设备上也能正常工作。 总结,`jQuery Chosen`插件以其易用性、高效性和灵活性,极大地改善了传统的下拉框体验。通过...

Global site tag (gtag.js) - Google Analytics