[code="java"]
111111111111111111111111111111111111111111111111111111111
2
[/code]
请教,复选框如果内容很长的话,怎么出横向滚动条!分值不多请包涵。
html中的select中设置什么属性都不可以横向滚动的,因为不支持。
用这种方式可以替代:
[code="java"]
111111111111111111111111111111111111111111111111111111111
2
[/code]
jia个div,控制select的大小,然div来实现滚动,select横向宽度让其自动扩展。
不行吧 只能自己用span什么的模拟一个select select本身是不行的
下来框没有这个属性,要自己写的,
给你一个我以前收集的例子
[code="java"]
新用户 <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .textbox {font-size: 14px; color: #000033; background-color: #FFFFFF; border: 1px #000066 double} .style1 {color: #FFFFFF} -->
var showed=0; var clickfrom =0;// 0- document 1- other function CheckDep( DepName ) { theform.textfield.value = DepName; //pDepName.rows[0].cells[0].innerText =" "+ DepName; eval(DepLayer).style.display ="none"; } function ShowDep() { if (showed==0) { clickfrom=1; eval(DepLayer).style.display=''; showed=1; } else if ( showed==1 ) { eval(DepLayer).style.display ="none"; showed=0; } } document.onclick = OnClick; function OnClick() { // if ( showed == 1 ) { if ( clickfrom ==1 ) { clickfrom =0; return; } eval(DepLayer).style.display ="none"; showed=0; } } function ChangeColor( type,obj ) //0- mouseover 1-mouseout { if ( type ==0 ) { obj.style.background='#000066'; obj.style.color ='#ffffff'; } else { obj.style.background='#ffffff'; obj.style.color ='#000000'; } }
部 门:- | 一薰一莸 | 二百五 | 三七二十一 | 四通 | 五劳七伤 | 六尺之孤 | fffffffffffffffffffffffffffffffffffffffffffffffffffff |
|
|
[/code]
实现不了,html的select标签本身就不支持
如果你真要实现的话,也只能通过div+js自己造一个多值选择组件,来模拟select,其实jquery easyui中就有!
[code="java"]
111111111111111111111111111111111111111111111111111111111
2
[/code]这样子,横向的滚动条用overflow-x:scroll
[code="java"]
111111111111111111111111111111111111111111111111111111111
2ddd
f111111111111111111111111111111111111111111111111111111111
2ddd
e1dd11111111111111111111111111111111111111111111111111111111
2sss
d111111111111111111111111111111111111111111111111111111111
2aaa
c111111111111111111111111111111111111111111111111111111111
2bbb
b111111111111111111111111111111111111111111111111111111111
2bb
a111111111111111111111111111111111111111111111111111111111
2bbb
[/code]
这段代码不是很容易吗?你可以自己执行以下。
因为select如果要multiple的话,就必须得设置siesize,所以你只有用js来控制size和你的options的数目一致时,就不会出现select的自带滚动条,那么就只有外层的一个div的滚动条了。
[code="java"]
111111111111111111111111111111111111111111111111111111111
2ddd
f111111111111111111111111111111111111111111111111111111111
2ddd
e1dd11111111111111111111111111111111111111111111111111111111
2sss
d111111111111111111111111111111111111111111111111111111111
2aaa
c111111111111111111111111111111111111111111111111111111111
2bbb
b111111111111111111111111111111111111111111111111111111111
2bb
a111111111111111111111111111111111111111111111111111111111
2bbb
b111111111111111111111111111111111111111111111111111111111
2bb
a111111111111111111111111111111111111111111111111111111111
2bbb
window.onload =function(){ var optAry = document.getElementsByTagName('option'); alert(optAry.length); document.getElementById('select').setAttribute('size',optAry.length); };
[/code]