当前位置:编程学习 > html/css >>

select 下拉列表框 css样式 长度问题

<select>下拉框的默认长度是<option>标签定义的值中最长的那个,如下图:
追问:可行,谢谢!但是选好后,那个下拉框要点一下旁边才会消失。后台不错。下拉框很长啊,我下下来了,下拉列表里名称加长就被截掉了,看不全,js改不过来。
能具体点给个实例吗?
答案:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<script type="text/javascript" >
function yc(){
  var thisselect = document.getElementById("bbbb");
  thisselect.style.display="none";

  }
function  myChange(o)
{  
 var thisselect = document.getElementById("bbbb");
  thisselect.style.display="block";
  thisselect.focus();
 
 
  }
function myBlur(){
 
}
function getData(){
 
 var a1=document.getElementById("bbbb");
 var b1=document.getElementById("aaaa");
  b1.options[b1.selectedIndex].value =a1.options[a1.selectedIndex].value 
b1.options[b1.selectedIndex].text=a1.options[a1.selectedIndex].text
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
  <p>
 <select name="select" style="width:80px"   id="aaaa" name="aaaa" onclick="myChange(this)" >
    <option value="1">香蕉</option>
    </select>
  </p>
  <p>
    <select name="select" size="5" style="display:none;width:80px" id="bbbb" name="bbbb" onchange="getData()" onblur="yc()">
      <option value="1">香蕉</option>
      <option value="2">苹果</option>
      <option value="3">梨子</option>
      <option value="4">葡萄</option>
      <option value="5">桔子</option>
      <option value="7">椰子</option>
   <option value="8">桃子</option>
   <option value="9">荔枝</option>
   <option value="10">龙眼</option>
    </select>
</p>
</form>
</body>
</html>
其他:默认是这样的,你想修改长度还是想解决什么问题。
如果是想修改长度,<select style="width:设置你想要的长度">
这样就可以修改长度了 可以用js模拟出select,这样想怎么改都行了。
http://www.ozozoz.com/dts/ 

上一个:HTML中如何给table的一整行加下划线?(注:这一行只有几个文字) 最好用CSS,可以多个调用,谢谢了.....
下一个:div+css怎么实现这个导航栏的样式呀?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,