0

css / jqueryでこれを行うことは可能ですか？

矢印や選択したテキストがないように、非表示のドロップボックスが必要です。基本的に、その領域をクリックすると、ドロップダウンリストが開き、選択肢の1つを選択できます。オプションを選択したら、私は何かをします。

開いていない場合は何も表示されないはずです。また、開いている場合は、ドロップダウンのみが表示され、現在選択されているものは表示されません。

編集：開いたとき、私はそれがこの画像の左ではなく右のように見えることを望みます：http: //i.minus.com/iBLX1F1Au1Rt7.png

4

4 に答える 4

2

不透明度=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 に答える