`
pouyang
  • 浏览: 313117 次
  • 性别: 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/6/7/8/9/10,不兼容Edge 下拉框有模糊搜索功能 下拉框的值有两个,text、data_id 代码是基于jquery的,版本使用的:

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

    NULL 博文链接:https://jbeduhai.iteye.com/blog/1238774

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

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

    jQuery select小控件适用IE6、IE7、IE8

    提供原代码,可以根据自己的项目要求修改,只在IE6、IE7、IE8、IE9中测试。有问题联系邮箱:zliuyao2010@163.com 初始化构造 ;" etop="0" edata="{,普通:普通AA,模糊:模糊,右边模糊:右边模糊}"/&gt; 构造方法在:...

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

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

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

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

    [原创]基于JQUERY的Combo下拉框控件

    经测试,兼容IE6--IE8,Firefox,chrome浏览器,在非IE浏览器下更加美观:)。 另:压缩包中有两个PNG文件,是FIREWORK的编辑文件,大家可以用FIREWORK编辑下拉框右边的按钮外观,或者加入各种16*16大小的PNG小图标,用来...

    ajax模仿google提示输入框(兼容ff)

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    飞飞模仿google下拉提示框输入框.rar

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9....

    飞飞模仿google(suggest)下拉提示框sggestV1.5

    2.兼容IE6,IE7,FF 3.支持input显示与value分离 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改方便 ,外置的css样式文件...

    关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器

    firefox 和 ie 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个...

    MVC2 MvcPager分页源码

    8、修正了页索引文本或下拉框跳转脚本针对不同浏览器的兼容问题; 9、代码精简优化; 1.5版完全兼容1.4版,升级时无需改动任何代码。 分页源码在src_51aspx文件夹中,代码如果需要商用请浏览作者个人控件,有详细...

    Ajax模仿google提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    Ajax 模仿google百度提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越火线游戏网 8.JS经典3款风格QQ客服在线浮动右侧与左侧代码 9.JS精简网页音乐播放器 浮动在页面...

    文章管理系统

    9.[改变]后台兼容模式提升到IE8模式 10.修复其他诸多小细节 2013年07月19日 V2.74更新包 1.[新增]后台引导页加入非IE浏览器提示,后台部分功能在非IE浏览器下可能没法使用 2.[修复]【紧急】纠正后台设皮肤目录存在...

    SelectPage.zip

    是一款强大的jquery下拉分页选择插件,兼容Bootstrap2、3样式,以及非Bootstrap环境支持,也可应用于无任何UI框架的原生HTML环境,可输入框输入关键字快速查找(不需访问后台),结果列表分页展示,浏览器兼容:IE8+...

    多媒体教室

    6. 对话输入区 7. 图形按钮区 信息区会显示当前时间,目前已登录人数/班级模型总人数。 在班级模型显示区选择学生机(如不选择任何学生机则默认为对全体操作),然后点击图形按钮区中的图形按钮执行相应操作,您也...

    飞飞Ajax模仿google提示输入框源码 v1.7

    兼容IE6,IE7,FF3.支持input显示与value分离【以隐藏域方式提交数据】4.支持下拉框按钮5.支持显示结果数量6.可以一个页面多次使用7.模拟下拉框不会被select遮挡8.调用更方便(内核已改为jq插件)9.皮肤修改方便 ,...

    asp.net知识库

    小试ASP.NET 2.0的兼容性 为 asp.net 2.0 的菜单控件增加 target 属性 ASP.NET 2.0 的内部变化 常见的 ASP.NET 2.0 转换问题和解决方案 Asp.Net2.0无刷新客户端回调 体验.net 2.0 的优雅(1) -- 异步WebService调用...

Global site tag (gtag.js) - Google Analytics