如何显示下拉列表自动展开,以便在页面加载时显示所有选项

Question

我需要在加载时显示最初展开的DropDown(HTML select元素),以便显示DropDown中的所有选项.我搜索了很多,但令人惊讶的是,我没有找到这样一个简单问题的答案.我正在使用ASP.NET MVC和jquery.

Answer 1

您可以在 HTML 代码中编写：

   <select size="3" name="test" id="test">
      <option value="1">one</option>
      <option value="2">two</option>
      <option value="3">three</option>
   </select>

然后通过 javascript 设置一个计时器，稍后将选择框大小属性更改为 1。例如，在页面末尾（在 clsed body 标记之前）放置以下代码：

<script type="text/javascript">
   window.setTimeout(function() { document.getElementById('test').size = 1; }, 5000); //5000 = 5 seconds
</script>