系统提示：这是一个从旧版社区导入的帖子。
如果显示不正常，或需要查找旧帖中上传的附件，请参照原帖。
原帖地址：http://my.iecn.net/bbs/view/107329.html
如非必要，请不要修改此帖！如果修改，请保留以上信息。

如题，或能解决以下问题的也行：
<select name="test" style="width:10px">
<option>testtesttesttesttesttest</option>
　　<option>aaaaaaaaaaaaaaaaaa</option>
</select>
当用户单击下拉按钮时能自适应显示<option>的内容
感谢！！！

原本想用这个来摸似，可第一次单击的时候，下拉列表就立即回收了，要再单击一次才行。
<script>
function change(id,selfObj){
var obj = document.getElementById(id);
if(!obj)return;
obj.style.visibility = 'hidden';
obj.style.width='1px';
obj.style.height='1px';
selfObj.style.width = '220px';
selfObj.style.left = obj.style.left;
selfObj.style.top = obj.style.top;
}
</script>
<input type="text" id="test" name="test" value="" style="width:200px">
<select name="test1" style="width:20px" onclick="change('test',this);">
<option>1111111111111111111</option>
<option>1111111111111111111</option>
<option>1111111111111111111</option>
<option>1111111111111111111</option>
</select>
枫岩，能帮我改改么？

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。

呵呵，没看明白你要实现的是什么样的效果

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。

你要的是不是这个效果？


因为其它除了iframe外的HTML元素无法盖住select的。
你可以把那个文本输入框放到iframe页面中去，当用户在里面输入完后，把需要传的值写到父页中就行了。

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。