最便捷通用的可输入文字的下拉框

原创 2007年09月21日 10:56:00

        网络上有很多可输入文字的下拉框,有Asp.Net的服务器控件,有结合Javascript做成的控件,或者其它商家开发的第三方控件,复杂度高,通用性不强,有些小题大做的味道, 其实用简单的CSS和javascript即可生成一个非常漂亮并且简便实用的可输入文字下拉框。

<html>
<head>
<title>可输入的下拉框</title>
</head>
<body>
    
<div style="position:relative;"> 
        
<span style="margin-left:100px;width:18px;overflow:hidden;"> 
            
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value"> 
            
<option value="http://user.qzone.qq.com/371766377">我的QQ空间</option> 
            
<option value="http://blog.csdn.net/xuchangwei/">我的CSDN博客</option> 
            
<option value="http://i.mop.com/xuchangwei0101/blog">我的猫扑博客</option> 
            
</select>
        
</span>
        
<input name="box" style="width:100px;position:absolute;left:0px;"> 
    
</div>
</body>
</html>

jquery实现下拉框可自定义输入文本的功能

一般来说,Select下拉框只能选择,不能用来输入内容。当下拉框没有要选择的信息项时,则需要手动输入。实现思路:通过select与text文本框的结合,具体则是通过将text文本框覆盖到select下...
  • qq_36291221
  • qq_36291221
  • 2017年09月19日 15:47
  • 411

可以输入的下拉框实现方法

可以输入的下拉框其实就是select和input的组合使用 * { margin: 0px auto; padding: 0px auto; ...
  • qq_31083947
  • qq_31083947
  • 2016年12月11日 20:35
  • 4348

可输入的下拉文本框.

function aa() {     i=document.frmtest.seltest.length;}function pp(){document.frmtest.seltest.option...
  • hollo
  • hollo
  • 2005年08月23日 11:05
  • 937

文本和下拉结合的可填可选输入框

文本和下拉结合的可填可选输入框前段时间客户要求输入框既可以像文本框那样输入,又可以下拉选择 。本以为会非常的复杂,后来做起来却发现并不难,只是有些巧妙的地方要注意。可填可选的输入框是由一个input ...
  • Rachael1001
  • Rachael1001
  • 2007年06月26日 16:01
  • 3397

可输入可选择下拉框

可输入可选择的下拉框,将input定位在select上......
  • IT429
  • IT429
  • 2016年09月08日 09:25
  • 1672

可输入的下拉框

可输入的下拉框 souzz eWebSoft WEB开发者   可选择可输入的下拉框...
  • morley_wang
  • morley_wang
  • 2012年06月28日 09:56
  • 3220

可以添加下拉选择框的文本输入框

  • 2012年07月03日 14:16
  • 671KB
  • 下载

解决jsp页面下拉列表可以输入文本的问题

今天在jsp页面中作了一个下拉列表,写了好了里面的元素以为就这样就可以了,一个意外的操作,让我发现竟然不点击下拉别表的三角号,可以在里面输入文本,这个很郁闷,各种想办法, 最后一个简单的操作就可以了...
  • yusimiao
  • yusimiao
  • 2013年11月14日 13:46
  • 2906

可输可选下拉框的3种实现方式

  • 2012年12月26日 09:48
  • 18KB
  • 下载

有输入功能的HTML下拉框

 DIV style="POSITION: absolute">TABLE cellSpacing=0 cellPadding=0 border=0>TBODY>    TR>        TD> ...
  • yu555666
  • yu555666
  • 2007年02月12日 10:19
  • 11114
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:最便捷通用的可输入文字的下拉框
举报原因:
原因补充:

(最多只允许输入30个字)