`

既可输入也可以选择的(input+select)兼容ie6+,chrome,firefox

 
阅读更多

直接上代码

 

<html>
<head>
<title>TW之运行代码插件--Ayin增强版</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>
<span style="absolute;margin-top:-12px;">
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<option value="" style="color:#c2c2c2;">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>
</td></tr></table>
</span>
</body>
</html>
 

 

分享到:
评论

相关推荐

    SelectPage v2.13

    避免内容超出可视范围丰富的参数设置及功能API调用浏览器兼容:IE8+、Chrome、Firefox等插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI框架的环境下直接使用下拉分页选择插件 SelectPage插件更新...

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

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

    jQuery插件实现可输入和自动匹配的下拉框

    实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签,对应demo如下: &lt;input list=browsers&gt; &lt;option value=Firefox&gt; &lt;option value=Chrome&gt; 优点:节约js代码; 缺点...

    【开源】jQuery oform beta 0.1.7 - form 表单美化插件源代码

    浏览器支持:IE、Firefox、Opera , google chrome (谷歌) 版本说明: 1. beta 0.1.0 版 支持input text/button 美化 时间:2010-01-25 2. beta 0.1.1 版 支持input radio 单选按钮美化 时间:2010-01-26 3. ...

    【开源】jQuery oform beta 0.1.5 - form 表单美化插件源代码

    浏览器支持:IE、Firefox、Opera , google chrome (谷歌) 版本说明: 1. beta 0.1.0 版 支持input text/button 美化 时间:2010-01-25 2. beta 0.1.1 版 支持input radio 单选按钮美化 时间:2010-01-26...

    Bootstrap ACE后台管理界面模板(扁平化)

    响应式Bootstrap网站后台管理...Firefox 5+ Google Chrome 14+ Internet Explorer 8 Internet Explorer 9 Opera 11 Safari 5 Bootstrap兼容: Bootstrap 2.2.x Bootstrap 2.3.x Bootstrap 3.0.x ace admin

    ACE Admin官方文档(最新)

    很全面的Ace Admin1.3官方文档,...Firefox 5+ Google Chrome 14+ Internet Explorer 8 Internet Explorer 9 Opera 11 Safari 5 Bootstrap兼容: Bootstrap 2.2.x Bootstrap 2.3.x Bootstrap 3.0.x ace admin

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    jqCombo:用于创建组合框自动完成功能的简单 jQuery 插件

    测试:Chrome 20、IE7+、Firefox 13、Safari 5.1、Opera 12。在 IE6 和移动设备上,它只会显示SELECT元素 用法 $('select').jqCombo(); 选项 // These options are the defaults $('select').jqCombo({ ...

    cutEditor -最好用的在线编辑器

    Compatible with the most important browsers available in the market: IE 5.5+, Firefox 1.0+, Mozilla 1.3+, Netscape 7+, Chrome and Safari (1.3+). This includes Macintosh and Linux. 界面简洁加载速度快...

    jQuery validate验证插件使用详解

    Validate验证插件,内置丰富的...浏览器支持:IE7+ 、Chrome、Firefox、Safari、Mobile Browser jQuery版本:1.7.0+ Usage 载入jQuery、validate [removed][removed] &lt;script type=”text/javascript” src=”jquer

    html入门到放弃笔记

    2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 ...

    jQuery中获取Radio元素值的方法

    这句在IE、Safari(3.2)下测试通过,但是在FireFox、Chrome下却得不到选中的值。仔细再看手册,发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法?把代码改一下 代码如下:var value = $(...

    图库新版jQuery焦点图 JS代码

    //document.writeln ('&lt;dd&gt;06月21日 修复IE6下兼容问题&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;06月01日 懒人图库2012新版上线&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;05月26日 新增北方网通服务器&lt;/dd&gt;'); //document....

    jQuery 1.5 API 中文版

    IE用户无法在线查看本文档,请下载jQuery API Version1.5 中文版AIR客户端查看,或者使用chrome,safari,firefox,opera等浏览器查看!!! jQuery 1.5 API Cheat Sheet来源 Selectors Basics #id element .class, ...

Global site tag (gtag.js) - Google Analytics