如何在選擇下拉菜單中設計有序列表

我想在我的網頁中嘗試類似這樣的內容，因此下面需要精確地查看下拉列表或語句。如何在選擇下拉菜單中設計有序列表

(a). Category1 
      element1 
      element2 
      etc.. 

    (b).Category2 
      element1 
      element2 
      etc..

這是我怎樣努力，但它讓我在一個正常的下拉列表菜單，而不是看起來像上面的一個。

<html> 
<body> 
    <select> 
    <ol> 
    <option value=1><li>Category1</li></option> 
    <option value =2><li>element1</li></option> 
    <option value =3><li>element2</li></option> 
    <option value =4><li>etc...</li></option> 
    <option value =5><li>Category2</li></option> 
    <option value =6><li>element1</li></option> 
    <option value =7><li>element2</li></option> 
    <option value =8><li>etc...</li></option> 
    </ol> 
    </select> 
</body> 
</html>

任何建議或想法，如何使用HTML CSS或任何腳本來做到這一點？我們可以在下拉菜單中創建精確的外觀嗎？任何幫助，這將是偉大的！

感謝

來源

2014-02-07 AKIWEB

考慮使用[]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup ）除此之外的任何其他標籤元素和'

我沒有說選項無效我還說過其他任何標籤optgroup和option是無效的。 –

我覺得optgroup標籤可能是你以後怎麼辦？

是這樣的：

<select> 
    <optgroup label="Category 1"> 
     <option value="2">element1</option> 
     <option value="3">element2</option> 
     <option value="4">etc...</option> 
    </optgroup> 
    <optgroup label="Category 2"> 
     <option value="5">element1</option> 
     <option value="6">element2</option> 
     <option value="7">etc...</option> 
    </optgroup> 
</select>

演示：http://jsfiddle.net/z5KrN/

來源

2014-02-07 21:59:57 Carl

謝謝卡爾，我從來沒有使用過這個標籤，所以沒有線索。我會搜索更多！ – AKIWEB

如何在選擇下拉菜單中設計有序列表

回答

相關問題