js单击下拉框双击变输入框

来源：百度知道 编辑：UC知道 时间：2024/06/20 08:14:34
页面设计过程中，需要一个JS特效。有一个下拉列列表框，但绝不是一个普通的下拉列表框。但鼠标单击列表区域的时候，正常出现下拉效果，根据需求，如果下拉里没有找到想要的值。则可双击下拉框转为文本输框，自己输入值。请问高手这一效果如何实现啊，我在网上找了好久都没找到，但是我知道应该是可以实现的！分不多啦，全部给你!
双击使整个下拉框变为文本输入框，而不是下拉框列表里改变!

在 select的位置放一个 span 或div 里面放个文本框，平时隐藏，需要的时候显示。具体js你自己写

select 好像不响应双击事件；
建议用右键代替双击：
<script>
function show()
{ var a=document.getElementById("div1")
if (event.button==2)
{a.style.display=a.style.display=="none"?"":"none";
}
}
</script>
<select onmousedown="show()">
<option>aaaa</option>
<option>bbb</option>
<option>ccc</option>
<option>dddd</option>
</select>
<div id="div1" style="display:none">
<textarea ></textarea>
</div>