下拉框的长度匹配

Posted on 2010-10-08 20:58  LuckCOffey  阅读(532)  评论(0)    收藏  举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 

<script language=javascript>
function aaa(){
var OptionLength=0;
var obj=document.getElementById("select1");
for(var i=0;i<obj.options.length;i++)
{
if(obj.options[i].text.length>OptionLength)
{
OptionLength=obj.options[i].text.length;
}
}
alert(OptionLength);
alert(document.getElementById("select1").style.width);
document.getElementById("select1").style.width=OptionLength*12;
}
</script>

 <BODY>
   <select name=select1 style="width:aaa()">
<option>dddddddddd方法法达到</option>
<option>ddddddaaaaaaaaaaaaaaaaaa</option>
<option>dddddd</option>
<option>dddddd</option>
</select>
 </BODY>
</HTML>

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3