关于select的一个小问题，请各位帮帮忙

时间：2021-11-15 08:57:27
我用了一个select控件
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<select name="select" size="1" multiple style="width:100;height=260">
  <option>qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</option>
  <option>134</option>
  <option>1234123</option>
  <option>12342</option>
  <option>2341</option>
  <option>131</option>
  <option>341</option>
  <option>13241</option>
  <option>1234124</option>
  <option>1341</option>
  <option>412</option>
  <option>23412</option>
  <option>4</option>
  <option>214</option>
  <option>34</option>
  <option>21</option>
  <option>4</option>
  <option>4</option>
  <option>123412</option>
  <option>124</option>
  <option>1</option>
  <option>21</option>
  <option>3412</option>
  <option>4</option>
  <option>2</option>
  <option>1</option>
  <option>34</option>
  <option>234</option>
  <option>1</option>
  <option>4</option>
  <option>43</option>
  <option>4</option>
  <option>32</option>
  <option>1</option>
  <option>2</option>
  <option>12</option>
  <option>4</option>
  <option>2</option>
  <option>41234</option>
  <option>1</option>
  <option>4</option>
  <option>23</option>
  <option>1</option>
  <option>34</option>
  <option>1</option>
  <option>4</option>
  <option>23</option>
  <option>4</option>
  <option>234</option>
  <option>1</option>
  <option>4</option>
  <option>2</option>
  <option>1</option>
  <option>4</option>
  <option>2</option>
  <option>12</option>
</select>
</body>
</html>
可以自动产生垂直的滚动条，怎样让它产生水平的滚动条？

10 个解决方案

#1

很关注。但是我试了，好象没有找到答案。

#2

不可能！！！！！！！！！！！

#3

只有自己摹仿
参加
http://lucky.myrice.com

#4

net_lover(孟子E章)，能不能具体点？给个模仿的例子。

#5

这个是网页自带的SELECT没有水平的滚动属性,只有自己写控件.放在网页上用.

#6

没错，select本身是没有水平滚动的

#7

来，搞笑一下：

<BODY>
<iframe style="" id="iframe1" style="width:100;"></iframe>
<SCRIPT LANGUAGE="JavaScript">
<!--
var st='<select name="select" size="1" multiple style="height=910;margin-left:-13;margin-right:-50;margin-top:-19;margin-bottom:-40"><option>qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</option><option>134</option><option>1234123</option><option>12342</option><option>2341</option><option>131</option><option>341</option><option>13241</option><option>1234124</option><option>1341</option><option>412</option><option>23412</option><option>4</option><option>214</option><option>34</option><option>21</option><option>4</option><option>4</option><option>123412</option><option>124</option><option>1</option><option>21</option><option>3412</option><option>4</option><option>2</option><option>1</option><option>34</option><option>234</option><option>1</option><option>4</option><option>43</option><option>4</option><option>32</option><option>1</option><option>2</option><option>12</option><option>4</option><option>2</option><option>41234</option><option>1</option><option>4</option><option>23</option><option>1</option><option>34</option><option>1</option><option>4</option><option>23</option><option>4</option><option>234</option><option>1</option><option>4</option><option>2</option><option>1</option><option>4</option><option>2</option><option>12</option></select>';
iframe1.document.write(st);
//-->
</SCRIPT>
</BODY>

#8

很感谢楼上的帮助，这种方式的确可以实现，我也曾经试过，只不过是用div加stely实现的，效果不是太好，放在外面的滚动条很难看。
有没有更好点的注意?

#9

我遇到这个问题，有一个另一种方式实现的函数：
function ShowHint()
{
var oPopup = window.createPopup();
var oSel = event.srcElement;
var iCount = oSel.options.length;
var iIndex = parseInt(event.offsetY / 15);
if (iIndex > iCount - 1) iIndex = iCount - 1;
oSel.selectedIndex = iIndex;
sText = oSel.options[oSel.selectedIndex].text;
oPopup.document.body.innerHTML = '<div title="' + sText + '" style="cursor:default">0</div>';
oPopup.show(event.offsetX+2, event.offsetY+2, 1, 1, event.srcElement);
}

#10

createPopup虽好，可惜俺的IE5不认识。

#1

很关注。但是我试了，好象没有找到答案。

#2

不可能！！！！！！！！！！！

#3

只有自己摹仿
参加
http://lucky.myrice.com

#4

net_lover(孟子E章)，能不能具体点？给个模仿的例子。

#5

这个是网页自带的SELECT没有水平的滚动属性,只有自己写控件.放在网页上用.

#6

没错，select本身是没有水平滚动的

#7

来，搞笑一下：

<BODY>
<iframe style="" id="iframe1" style="width:100;"></iframe>
<SCRIPT LANGUAGE="JavaScript">
<!--
var st='<select name="select" size="1" multiple style="height=910;margin-left:-13;margin-right:-50;margin-top:-19;margin-bottom:-40"><option>qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</option><option>134</option><option>1234123</option><option>12342</option><option>2341</option><option>131</option><option>341</option><option>13241</option><option>1234124</option><option>1341</option><option>412</option><option>23412</option><option>4</option><option>214</option><option>34</option><option>21</option><option>4</option><option>4</option><option>123412</option><option>124</option><option>1</option><option>21</option><option>3412</option><option>4</option><option>2</option><option>1</option><option>34</option><option>234</option><option>1</option><option>4</option><option>43</option><option>4</option><option>32</option><option>1</option><option>2</option><option>12</option><option>4</option><option>2</option><option>41234</option><option>1</option><option>4</option><option>23</option><option>1</option><option>34</option><option>1</option><option>4</option><option>23</option><option>4</option><option>234</option><option>1</option><option>4</option><option>2</option><option>1</option><option>4</option><option>2</option><option>12</option></select>';
iframe1.document.write(st);
//-->
</SCRIPT>
</BODY>

#8

很感谢楼上的帮助，这种方式的确可以实现，我也曾经试过，只不过是用div加stely实现的，效果不是太好，放在外面的滚动条很难看。
有没有更好点的注意?

#9

我遇到这个问题，有一个另一种方式实现的函数：
function ShowHint()
{
var oPopup = window.createPopup();
var oSel = event.srcElement;
var iCount = oSel.options.length;
var iIndex = parseInt(event.offsetY / 15);
if (iIndex > iCount - 1) iIndex = iCount - 1;
oSel.selectedIndex = iIndex;
sText = oSel.options[oSel.selectedIndex].text;
oPopup.document.body.innerHTML = '<div title="' + sText + '" style="cursor:default">0</div>';
oPopup.show(event.offsetX+2, event.offsetY+2, 1, 1, event.srcElement);
}

#10

createPopup虽好，可惜俺的IE5不认识。
标签：

相关文章