0

本当に奇妙な質問ですが、「1 つ選択してください」というテキストを表示する選択オプション リストを作成する方法はありますが、クリックしてもドロップダウンしませんか?

その理由は、コンテンツのサイズとページの表示領域を考慮して正しく表示される div タグから作成された表示内にすべてのオプションをカプセル化したからです。トリガー時にドロップダウン矢印付きの選択ボックスを使用したいのですが、他に何もしたくありません。

これらは .asp ページです。最上位タグの css を使用すると幅を設定できますが、タグの幅をより広く、カテゴリの大きなタイトルに設定できるようにしたいのですが、残念ながらこれは機能しません。しかし、最初はドロップダウンボックスを使用して、そのようなアイテムのスタイリングがブラウザー固有であるため、最初は標準ボックスのように見えるようにしたいと考えています。

ありがとう

4

1 に答える 1

0

http://jsfiddle.net/iambriansreed/SEen2/

JavaScript

$('button').click(function(){
    $('div.options').show();
});​

HTML

<button type="button">
    <select>
        <option>Select One</option>
    </select>
    <div></div>
</button>

<div class="options" style="display: none;"> some other option window. </div>​

CSS

button {
    position: relative;
    border: none;
    background: none;
    padding: 0;
    outline: none;    
}
button div { 
    position: absolute;
    width: 100%;  
    z-index: 999;
    top: 0;
    bottom: 0;
}

クレイジーな質問に対するクレイジーな解決策です。ボタンに囲まれた選択は、クリック可能な領域を提供するだけです。ボタンは簡単に div ラッパーにすることもできますが、何でも構いません。ボタンの div は選択の上にあり、選択のクリックを防ぎます。

jQuery は理解するのに十分単純です。

于 2012-04-27T01:26:19.203 に答える