怎样让<select></select>的文本框可输入，是他的那个属性

怎样让<select></select>的文本框可输入，是他的那个属性我要做一个密码提示的下拉列表，怎么让用户可以自定义呢

解决方案 »

  1.   

    要的是这个效果不？
    http://www.javaeye.com/topic/296107
      

  2.   

    你用FIREBUG調試看一下SELECT控件的HTML代碼就會發現。
    其實當進入編輯狀態時顯示出來的是個<DIV>裏面帶有很多<ul><li>而真正的Select卻被隱藏掉了。
    不建議用這些東西，因為當數據量很大（大概超過1500行）在IE6這些解析JS很慢的瀏覽器下會彈出腳本過慢提示禁用腳本的提示。
      

  3.   

    <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>