如何在選擇菜單中創建表格結構

請考慮以下菜單選項的簡單示例。我想要在餐單內以表格格式精確地組織卡路里，國家和日期的價值結構 - 因此有三列卡路里，國家和日期值。如何在選擇菜單中創建表格結構

更新：加入選擇框的目標格式的圖片：

enter image description here

如何做到這一點？我想嘗試嵌入表標籤中選擇標籤，但還是不行......

<body> 
<select size="4"> 
    <option value="volvo">Volvo Sweden 2012</option> 
    <option value="saab">Saab Sweden 2011</option> 
    <option value="mercedes">Mercedes Germany 2010</option> 
    <option value="audi">Audi Germany 2009</option> 
</select> 
</body>

來源

2014-03-14 Joppo

我不知道這是可能的，但我認爲你<optgroup>可以幫助您將多個類別更好。

http://www.w3schools.com/tags/tag_optgroup.asp

Group related options with <optgroup> tags: 

<select> 
    <optgroup label="Swedish Cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    </optgroup> 
    <optgroup label="German Cars"> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
    </optgroup> 
</select>

來源

2014-03-14 09:16:56 Sarcoma

日Thnx您的回覆。不幸的是，這不是我想要達到的。該菜單應該只包含我的示例代碼中描述的選擇項。如所示，每個選擇項目具有3個描述，例如，只有3個字的卡賓，國家和日期。我所需要的是3個選項與3個描述以三列表格式顯示。 – Joppo

我明白你在問什麼，但是選項標籤只能包含正常的字符數據，例如文字（http://www.w3.org/TR/html-markup/option.html）。所以我不認爲你所要求的是使用選項標籤。 – Sarcoma

在這種情況下，我可能需要使用替代選擇，如http：//kalnitsky.org/projects/listbox.js/en/... – Joppo

如何在選擇菜單中創建表格結構

回答

相關問題