Question

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

请在下面找到下拉列表示例小提琴。当用户点击下拉列表时，选项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>

--- --- EDITED

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

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

Answer 1

您可以使用onmousedown动态展开点击和onchange / onblur事件处理程序上的选择列表，然后返回：

＆＃13;

<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>

＆＃13;

struts标签库 - 选择标签

1 个答案: