0

是否可以在 css/jquery 中执行此操作？

我想要一个不可见的下拉框，因此没有箭头或选定的文本。基本上，如果您单击该区域，下拉列表将打开，因此您可以选择其中一个选项。在你选择一个选项后，我会做一些事情。

如果未打开，则不应显示任何内容。如果它是打开的，则只显示下拉菜单，而不是当前选择的。

编辑：当它打开时，我希望它在这张图片中看起来像右边而不是左边：http: //i.minus.com/iBLX1F1Au1Rt7.png

4

4 回答 4

2

将 opacity = 0 应用于选择？

于 2012-08-10T19:11:53.657 回答
2

首先使用可见性：隐藏而不是显示：无

于 2012-08-10T19:08:53.180 回答
0

这是一个奇怪的要求，但您可能可以在单击时切换 CSS 下拉列表的可见性属性。

<select id="dropdown" style="visibility:hidden"></select>

$("#dropdown").click(function() { 
     var visibility = $(this).css("visibility") == "hidden" ?  "visible" : "hidden";
     $(this).css("visibility", visibility);
});
于 2012-08-10T19:11:51.637 回答
-1

像这样的东西应该可以工作：
CSS：

.invisible{
    color : transparent;
    background: transparent;
    display : block;
    width : 10px;
    height : 10px;
}

Javascript

$('.invisible').on('click',function(){
    openDropDownList();
});

$('.option').on('click',function(){
    youWillDoSomething();
});
于 2012-08-10T19:11:52.183 回答