难题呀 关于select的

Question

button1
text1
select1button1.onClick="select1.length+=1;select1[select1.length-1]=new Option(text1.value,text1.value)"

Answer 1

谢谢yexing
不过没怎么看懂你写的 能详细点吗？text1和select1怎样重合在一起呢？

Answer 2

就是可编辑的下拉框吧,我同事写过一个htc,给你贴出来吧,注意版权哦 :）htm
-----------------------------------------
<style>
.select_edit { behavior:  url("comboBox.htc"); width:90px; }
</style>
<SELECT NAME="sel" id="sel" class="select_edit">
<option value=one>one</option>
<option value=two>two</option>
</SELECT>
comboBox.htc
-----------------------------------------
//  描述      : HTML ComboBox 可编辑下拉框
//  版本      : version 1.0
//  作者      : Jiangwf
//  最新更新  : 2004-4-17
//  备注      : 定位ComboBox必须放在一个固定大小的父结点
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="boxInit()" />
<PUBLIC:ATTACH EVENT="onchange" ONEVENT="setbox()" />
<PUBLIC:ATTACH FOR="window" EVENT="onresize" ONEVENT="setPosition()" />
<PUBLIC:METHOD NAME="setPosition"/><script language="JavaScript">
var selectBox, oSpan, oSpanSelect, oSpanInput, oInput;
var selectRect;
var oSpan_left, oSpan_top;
var LMargin = 0;//element.document.body.leftMargin;
var TMargin = 0;//element.document.body.topMargin;function boxInit()
{
    var oLeft, oTop, oWidth, oHeight;    //创建对象
    selectBox   = element;
    oSpan       = element.document.createElement("span");
    oSpanSelect = element.document.createElement("span");
    oSpanInput  = element.document.createElement("span");
    oInput      = element.document.createElement("input");    oLeft   = getPositionLeft(selectBox) + 1;
    oTop    = getPositionTop(selectBox) + 1;
    oWidth  = element.offsetWidth;
    oHeight = element.offsetHeight;
    
    oSpanSelect.style.cssText = "position:absolute; top:"+(oTop+1)+"px; left:"+oLeft+"px; width:"+oWidth+"px; font-size:9pt;clip:rect(0 "+oWidth+" 21 "+(oWidth-18)+");";
    oSpanInput.style.cssText  = "position:absolute; top:"+(oTop)+"px; left:"+oLeft+"px;";
    oInput.style.cssText      = "width:"+(oWidth-17)+"px; font-size:12px; ime-mode:disabled";
    oInput.id = element.id + "_input";
    selectBox.insertAdjacentElement("beforeBegin",oSpan);
    element.document.body.appendChild(oSpanSelect);
    oSpanSelect.appendChild(selectBox);
    oSpan.appendChild(oSpanSelect);
    element.document.body.appendChild(oSpanInput);
    oSpanInput.appendChild(oInput);
    oSpan.appendChild(oSpanInput);
    
    set_oSpan_postion();
    setbox();
}function setbox()
{
    oInput.value = selectBox.options[selectBox.selectedIndex].text;
}function setPosition()
{
    var diff_left = getPositionLeft(oSpan) - oSpan_left;
    var diff_top  = getPositionTop(oSpan) - oSpan_top;    oSpanSelect.style.left = parseInt(oSpanSelect.style.left) + diff_left;
    oSpanInput.style.left  = parseInt(oSpanInput.style.left) + diff_left;
    oSpanSelect.style.top = parseInt(oSpanSelect.style.top) + diff_top;
    oSpanInput.style.top  = parseInt(oSpanInput.style.top) + diff_top;
    
    set_oSpan_postion();
}function getPositionLeft(o)
{
    var obj = o;
    var left = 0;
    while(obj.tagName.toLowerCase() != "body")
    {
        left += obj.offsetLeft;
        obj = obj.offsetParent;
    }
    left += parseInt(LMargin, 10);
    return left;
}function getPositionTop(o)
{
    var obj = o;
    var top = 0;
    while(obj.tagName.toLowerCase() != "body")
    {
        top  += obj.offsetTop;
        obj = obj.offsetParent;
    }
    top += parseInt(TMargin, 10);
    return top;
}function set_oSpan_postion()
{
    oSpan_left = getPositionLeft(oSpan);
    oSpan_top  = getPositionTop(oSpan);
}
</script>
</PUBLIC:COMPONENT>

Answer 3

晕~~~好复杂！！我去实下 
我都不知道该怎么感谢你（LxcJie）了
你已经为我回答了好多问题了 真的很感激了

Answer 4

LxcJie,我仔细看了下 这代码实际应该是把select和text定位在一起了
可是我的button的onclick事件怎样提取其中输入的值呢？document.……

Answer 5

那个文本框的id就是 select框的id加上"_input";必须为select指定一个id，比如说叫sel，那么这个text的id就是"sel_input"用这个id取值就可以了