0

我有一个下拉选择框，其中有一些选项。当我们单击下拉菜单时，下拉菜单会展开并显示所有选项。

但我希望使用鼠标悬停而不是单击来实现此功能。

我想在鼠标悬停时显示所有选项。任何人对此有一些想法？

更新

我正在使用 styledSelect jQuery 插件。现在这个插件将 html 选择框转换为基于 div 和 li 的选择框。 这是插件文档

4

4 回答 4

0

我知道这并不完全是您的想法，但它可能是正确的方向。

function toggleSelectBox(selbox) {
    if (selbox.size > 1) { //HIDE:
        selbox.size = 1;
        selbox.style.position = 'static';
    } else { //SHOW:
        selbox.size = selbox.options.length;
        selbox.style.position = 'absolute';
        selbox.style.height = 'auto';
    }
}


<select id="type" name="type" onmouseout="toggleSelectBox(this)" onmouseover="toggleSelectBox(this)">
    <option value="">opt1</option>
    <option value="">opt2</option>
    <option value="">opt3</option>
</select>
于 2012-07-13T06:49:54.793 回答
0

您需要使用 CSS 来完成您的任务。你不能用 html 的经典选择框来做到这一点。这是您想要的示例。

于 2012-07-13T06:51:01.233 回答
0

我认为您只能使用您的选择作为 DOM 树的一部分来构建一些带有此“选项”信息的 mouseOver 放置 div，您可以作为选择子项访问这些信息。所以我认为你可能只在 mouseOver 上模拟选择。

于 2012-07-13T06:54:04.557 回答
0

另一件事，您引用脚本文件的顺序也起作用，而不是在添加对您创建的 js 文件的引用以覆盖该函数之前拥有您的 jquery 文件。由于某些奇怪的原因，它会起作用，但不能在野生动物园中使用

于 2013-10-14T12:12:46.083 回答