javascript - struts 标签库——选择标签

Question

我有一个下拉列表。当用户单击下拉列表时，我需要显示列表中的前 4 个元素和滚动条，以便用户可以滚动并查看列表中的其余元素。

请在下面找到下拉列表示例 fiddle 。与用户单击下拉列表时在 fiddle 中显示的方式相同，选项 1、选项 2、选项 3、选项 4 应显示为滚动条以滚动并查看列表中的剩余选项。

<select>
  <option value="one">Option 1</option>
  <option value="two">Option 2</option>
  <option value="three">Option 3</option>
  <option value="four">Option 4</option>
  <option value="five">Option 5</option>
  <option value="siz">Option 6</option>
  <option value="seven">Option 7</option>
  <option value="eight">Option 8</option>
</select>

---编辑---

以上代码在 IE 中不工作。 在 IE 中，它显示滚动条，但是当我从下拉列表中选择元素时，会显示一个带有错误消息的警告框，我无法从下拉列表中选择任何日期。我尝试使用开发人员工具调试并查看是否有任何错误，但没有显示任何错误。

Internet Explorer 已停止工作一个问题导致程序停止正常工作。请关闭程序。

Answer 1

您可以使用 onmousedown 在单击时动态扩展选择列表，并使用 onchange/onblur 事件处理程序返回:

<select onmousedown="if (this.options.length > 4) this.size = 4;"  onchange="this.size = 0;" onblur="this.size = 0;">
  <option value="one">Option 1</option>
  <option value="two">Option 2</option>
  <option value="three">Option 3</option>
  <option value="four">Option 4</option>
  <option value="five">Option 5</option>
  <option value="siz">Option 6</option>
  <option value="seven">Option 7</option>
  <option value="eight">Option 8</option>
</select>