select 下拉列表框 css样式 长度问题
<select>下拉框的默认长度是<option>标签定义的值中最长的那个,如下图:
追问:可行,谢谢!但是选好后,那个下拉框要点一下旁边才会消失。后台不错。下拉框很长啊,我下下来了,下拉列表里名称加长就被截掉了,看不全,js改不过来。
能具体点给个实例吗?
<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怎么实现这个导航栏的样式呀?