javascript - 如何在客户端扩大选择范围

Question

你好，

我正在开发一个非常简单且古老的网站。我们只使用标准 ASP，没有 JavaScript 框架或其他东西，我无法真正编写 JavaScript 程序。

我在表格中有一个单元格，我想在其中有 1 到 7 个选择。如果有七个，我没有足够的空间，而且因为我们公司使用 Internet Explorer，所以当您打开它们时，选择框不会变大。

所以我想我可以做某种 JavaScript 或其他东西来让其中一个选择框在鼠标悬停在其上时变大。

我该怎么做？

Answer 1

您尝试过西力士吗？ :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/了解类的使用以及上一解决方案中问题的解决方法，您需要单击两次才能打开选择框。