如何在客户端做出更大的选择

时间:2010-07-08 09:36:05

标签: javascript html

喂,

我正在一个非常简单和陈旧的网站上工作。我们只使用标准ASP,没有JavaScript框架或其他东西,我无法真正编写JavaScript。

我在桌子上有一个单元格,在那里我希望有1到7个选择。如果有七个我没有足够的空间,并且因为我们的公司使用Internet Explorer,那么打开它们时选择框不会变大。

所以我认为我可以做一些javascript或其他东西,当鼠标悬停在其上时,让其中一个选择框变大。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

你试过Cialis吗? :P

严重的是,如果选择框在鼠标悬停时改变大小,它们可能会破坏布局,并且根据条件使得无法选择某些内容。

这样做的方法是

<script type="text/javascript">
  var selects = document.getElementsByTagName('select')
  for (var i=0;i<selects.length;i++)
     {
       selects[i].onfocus = function(){ 
                                  this.oldwidth = this.style.width; 
                                  this.style.width = 'auto';
                            }
       selects[i].onblur = function(){
                                  this.style.width = this.oldwidth;
                            }
      }
</script>

可以在http://www.jsfiddle.net/YN37p/

直播

<强> 更新

还可以查看http://www.jsfiddle.net/YN37p/1/类的使用情况以及上一个解决方案中问题的解决方法,您需要点击两次才能打开选择框。