关于select的横向滚动条

写了一个弹出框 是一个table 只有一tr 

第一个td是填选择条件 然后在第二个td里面展示 

第二个td里面是一select 是一个设置了size的下拉框,也就是说选项是显示出来的 不用下拉 

Java代码   收藏代码
  1. <select id='gongcheng' size='10' name='gongcheng' >  
  2.     <option></option>  
  3.     .....  
  4. <select>  


但是 有一个问题 就是 option选项可能会有几百个 option里面的内容也可能会特别长 

于是 我在select外面加了一层div 并接设置了滚动条 

Java代码   收藏代码
  1. <div id="gongcheng" style="width:145px;height: 170px;overflow:scroll;">  
  2.             
  3. </div>  


但是 有个问题了 当 select x和y方向都很长时 就会出现 y滚动条 而此时 div也出现了x y滚动条 就出现了两个y滚动条 

而且只有在div的x滚动条 拉到最右边时  才会看到 select的y滚动条 

此后 我就希望 select能出现横向的滚动条了 但是 上网找了半天 select没有横向滚动条 除非自己模拟 


然后 换思路 假如让select没有纵向滚动条 不就可以了吗 

但是 有试了半天 也没有成功 不知道为什么 

最后 突然发现 
sizenumber规定下拉列表中可见选项的数目。 

也就是 我可以设置size为100 他就会显示100条数据 当size的值 和要显示的数据条数是一样的话 不就可以不显示纵向滚动条了吗 


呵呵 所以 最后我的办法就是 先判断要显示多少条数据 把这个值 赋予size 就可以解决这个问题了 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值