我想去掉下拉框的按钮，就和input一样，但是要实现和下拉框一样的功能，即点击这个框，即下拉出可选项

可输入下拉框（不相似移除）
http://jkisjk.vip.sina.com/html/EditableSelect1.htm可输入下拉框（不相似不移除）
http://jkisjk.vip.sina.com/html/EditableSelect2.htm

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

提供一种思路，叶面上同时放 input 和下拉框，input 得到焦点的时候，input隐藏，下拉框显示，不知道可否！
惭愧，
公司是作应用的，
所有的项目都要求用户使用ie5.5+sp2或以上浏览器，
否则alert出以下内容：
The system only supports Microsoft IE 5.5 with SP2 or above.
Your browser is not fully supported, some pages can't be displayed correctly!所以做的时候，也没有考虑其它浏览器
我的想法是：
input和列表框（不是下拉列表框，size>1的那种）结合，
列表框在input点击事件的时候才显示出来，在列表框的点击事件里将值赋值给input就可以了吧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Document</title>
<script language="javascript">
function ShowDiv(Obj){
divDownList.innerHTML='<table id="tabList" style="width:100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="right"><input type="button" value="确定" onclick="doSure()"></td></tr></table>';
var str=Obj.value;
var arr=str.split(",");
for (var i=0;i<arr.length;i++){
var newRow=tabList.insertRow(0);
var newCell=newRow.insertCell();
newCell.innerHTML='<input type="text" id="txtValue" name="txtValue" style="width:100%; background-color:#FFFFEF">';
}
divDownList.style.display="";
}
function doSure(){
var str="";
for(var i=0;i<txtValue.length;i++){
if(str!="") str+=",";
str+=txtValue[i].value;
}
txtSource.value=str;
divDownList.style.display="none";
}
</script>
</head><body>
<input name="txtSource" type="text" value="a,b,c,d" style="width:200 " onClick="ShowDiv(this)">
<div id="divDownList" style="display:none; width:150; background-color:#CCCCCC"></div>
</body>
</html>
用这种方法自己改进一下吧
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language="JavaScript">
drag = 0
move = 0
    window.document.onmousemove = mouseMove
    window.document.onmousedown = mouseDown
    window.document.onmouseup = mouseUp
    window.document.ondragstart = mouseStop
function mouseDown() {
    if (drag) {        clickleft = window.event.x - parseInt(dragObj.style.left)
        clicktop = window.event.y - parseInt(dragObj.style.top)
        dragObj.style.zIndex += 1
        move = 1
    }
}function mouseStop() {
    window.event.returnValue = false
}function mouseMove() {
    if (move) {
        dragObj.style.left = window.event.x - clickleft
        dragObj.style.top = window.event.y - clicktop
    }}function mouseUp() {    move = 0
}
var NumClick=1
var a=6
var b=6
function send(f)
{
document.all.b.innerHTML="<table><tr><td><input id='bbb' name='inContent' type='text'> </td><td><img src='DROP.GIF' width='20' height='20' onClick='showUn()'></td></tr></table>";
document.all.bbb.value=f;
NumClick=NumClick+1
}
function showUn()
{
var content=new Array()
var yu
var c=b
var d=a
var f=bNumClick=NumClick+1
yu=NumClick%2if (yu==0)
{
while(f!=0)
{
content[f]=f
f=f-1
}
while(d!=0)
{
document.all.b.innerHTML+="<table bgcolor='red' width='150px' onclick=send("+content[c]+")><tr><td><label>"+content[c]+"</label></td></tr></table>";
c=c-1
d=d-1
}
}
else
{
document.all.a.innerHTML="<DIV id='b' ><table><tr><td><input id='bbb' name='inContent' type='text'> </td><td><img src='DROP.GIF' width='20' height='20' onClick='showUn()'></td></tr></table></DIV>";
}
}
</SCRIPT>
</HEAD>
<body>
<div id="a" onmouseout="drag=0" onmouseover="dragObj=this; drag=1;" style="HEIGHT: 120px; LEFT: 150px; POSITION: absolute; TOP: 150px; WIDTH: 90px">
<DIV id='b' ><table><tr><td><input id='bbb' name='inContent' type='text'> </td><td><img src='DROP.GIF' width='20' height='20' onClick='showUn()'></td></tr></table></DIV>
</div></BODY>
</HTML>
惭愧，我javascript刚刚学，
JK_10000(JK) 的最好，不过听说fireFox不能用。。
不管怎样，谢谢。。
<span style="width:103;overflow:hidden;">
<select style="width:120">
<option>qqqqqqqqqqqqq</option>
<option>aaaaaaaaaaaaa</option>
<option>ccccccccccccc</option>
<option>ddddddddddddd</option>
<option>fffffffffffff</option>
<option>eeeeeeeeeeeee</option>
</select></span>
lienzhu(李强)
这种太乱看了咯