2010.09.27———关于select的横向滚动条
写了一个弹出框 是一个table 只有一tr
第一个td是填选择条件 然后在第二个td里面展示
第二个td里面是一select 是一个设置了size的下拉框,也就是说选项是显示出来的 不用下拉
但是 有一个问题 就是 option选项可能会有几百个 option里面的内容也可能会特别长
于是 我在select外面加了一层div 并接设置了滚动条
但是 有个问题了 当 select x和y方向都很长时 就会出现 y滚动条 而此时 div也出现了x y滚动条 就出现了两个y滚动条
而且只有在div的x滚动条 拉到最右边时 才会看到 select的y滚动条
此后 我就希望 select能出现横向的滚动条了 但是 上网找了半天 select没有横向滚动条 除非自己模拟
然后 换思路 假如让select没有纵向滚动条 不就可以了吗
但是 有试了半天 也没有成功 不知道为什么
[color=red]最后 突然发现
size number 规定下拉列表中可见选项的数目。
也就是 我可以设置size为100 他就会显示100条数据 当size的值 和要显示的数据条数是一样的话 不就可以不显示纵向滚动条了吗 [/color]
呵呵 所以 最后我的办法就是 先判断要显示多少条数据 把这个值 赋予size 就可以解决这个问题了
写了一个弹出框 是一个table 只有一tr
第一个td是填选择条件 然后在第二个td里面展示
第二个td里面是一select 是一个设置了size的下拉框,也就是说选项是显示出来的 不用下拉
<select id='gongcheng' size='10' name='gongcheng' >
<option></option>
.....
<select>
但是 有一个问题 就是 option选项可能会有几百个 option里面的内容也可能会特别长
于是 我在select外面加了一层div 并接设置了滚动条
<div id="gongcheng" style="width:145px;height: 170px;overflow:scroll;">
</div>
但是 有个问题了 当 select x和y方向都很长时 就会出现 y滚动条 而此时 div也出现了x y滚动条 就出现了两个y滚动条
而且只有在div的x滚动条 拉到最右边时 才会看到 select的y滚动条
此后 我就希望 select能出现横向的滚动条了 但是 上网找了半天 select没有横向滚动条 除非自己模拟
然后 换思路 假如让select没有纵向滚动条 不就可以了吗
但是 有试了半天 也没有成功 不知道为什么
[color=red]最后 突然发现
size number 规定下拉列表中可见选项的数目。
也就是 我可以设置size为100 他就会显示100条数据 当size的值 和要显示的数据条数是一样的话 不就可以不显示纵向滚动条了吗 [/color]
呵呵 所以 最后我的办法就是 先判断要显示多少条数据 把这个值 赋予size 就可以解决这个问题了