如何在鼠标上方显示复选框选项？
如何在鼠标上方显示复选框选项？
提问于 2012-07-13 06:42:31
我有一个下拉选择框，其中有一些选项。当我们点击下拉，然后下拉扩展，所有的选项都会显示出来。
但是我希望使用mouserover来实现这个功能，而不是单击。
我想在鼠标上显示所有选项。有谁知道这件事吗？
更新
我正在使用styledSelect jQuery插件。现在，这个插件将html选择框转换为div和li的选择框。这是插件文档
回答 4
Stack Overflow用户
发布于 2012-07-13 06:49:54
我知道这不是你所想的，但这可能是正确的方向。
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>Stack Overflow用户
发布于 2012-07-13 06:51:01
您需要使用CSS来完成您的任务。您不能用html的经典选择框来完成它。这是你想要的示例。
Stack Overflow用户
发布于 2012-07-13 06:54:04
我认为您只能使用您的select作为DOM树的一部分来构建一些带有这个“选项”信息的mouseOver拖放div，您可以作为select子程序访问这些信息。因此，我认为您可能只能在mouseOver上模拟select。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11465402
复制相关文章
相似问题
腾讯云开发者
