有沒有辦法創建一個默認值的選擇列表，但沒有下拉

真的有點奇怪的問題，但有沒有辦法創建一個選擇選項列表，顯示文本'選擇一個'，但是當你點擊它實際上不下降？有沒有辦法創建一個默認值的選擇列表，但沒有下拉

原因是，我將所有選項都封裝在由div標籤創建的顯示器中，該標籤根據頁面上的內容大小和顯示區域正確顯示。我想在觸發時使用帶有下拉箭頭的選擇框，但不希望它執行其他任何操作。

這些是.asp頁面。頂級標籤上的css允許我設置寬度，但是我希望能夠將標籤上的寬度設置得更寬，類別也很大，但不幸的是這不起作用。但我最初想使用下拉框，因此最初它看起來像一個標準框，因爲這些項目的樣式是特定於瀏覽器的。

感謝

來源

2012-04-27 flavour404

這樣一個奇怪的要求... – iambriansreed 2012-04-27 01:11:32

我確實說過這是一個奇怪的問題！ – flavour404 2012-04-27 01:22:57

http://jsfiddle.net/iambriansreed/SEen2/ – iambriansreed 2012-04-27 01:48:43

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-27 01:26:19 iambriansreed

http://jsfiddle.net/iambriansreed/SEen2/2/是一個css唯一的解決方案。 – iambriansreed 2012-04-27 01:33:44

這在IE中無法正常工作，它看起來不再像選擇列表！但它給了我一些想法，我非常感激。謝謝。 – flavour404 2012-04-27 04:17:29

有沒有辦法創建一個默認值的選擇列表，但沒有下拉

回答

相關問題