HTML下拉列多列

我對HTML中的選擇有疑問。現在我有2個值與下拉列表。例如：HTML下拉列多列

<select name="healthy" id="healthy"> 
    <optgroup="fruit"></optgroup> 
    <option value="apple">apple</option> 
    <option value="pineapple">pineapple</option> 
    <optgroup="vegetables"></optgroup> 
    <option value="carrots">carrots</option> 
    <option value="tomato">Tomato</option> 
</select>

現在不是顯示1列這些羣體，我想向他們展示在不同的列。這是可能的，而不需要更改代碼？

編輯得到相同的答案兩次後，這是不可能的，我會稍微改變這個問題。是否有可能製作自己的表單元素？例如在Actionscript，VB.Net，asp.Net中，可以創建自己的元素。我知道你可以用CSS來改變佈局，但這不是解決方案。所以我試着說，我只是想根據選擇製作我自己的HTML元素。

來源

2012-01-09 user993177

這些列將如何組織？也就是說，這個數據如何表格？如果有人在這樣的下拉列表中選擇了一行，這兩列應該是「選中」的一列嗎？我同意@ EvilP的回答，值得回顧一下這些數據在表格中的真正意義以及應該如何組織。 – David 2012-01-09 15:43:22

這讓更多人知道： – Marle1 2012-01-09 15:43:23

我想我找到了答案。我的html代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="select.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<select name="sel" id="sel"> 
<optgroup label="group1"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
</optgroup> 
<optgroup label="group2"> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
</optgroup> 
</select> 
</body> 
</html>

而且我的CSS代碼

@charset "utf-8"; 
/* CSS Document */ 

#sel{ 
    background-color:#FF0; 
    width:40px; 
    } 
#sel optgroup{ 
    background-color:#CFF; 
    display:inline-table; 
    width:20px; 

    }

- 編輯 - 問題：IE和Chrome不承認直列表。所以它不適用於這些瀏覽器。

來源

2012-01-10 07:40:15 user993177

這是不可能的，據我所知。但是你可以讓2個選擇框相鄰！

來源

2012-01-09 15:40:34

這是行不通的，因爲我只是舉了一個例子，但真正的下拉菜單有動態選項。所以你永遠不知道會有多少物品。 – user993177 2012-01-09 15:46:40

是的，如果它動態創建選擇列表的動態，如果有更多然後讓我們說20個選項，你創建下一個選擇列表，如果還有20個去創建下一個！ – 2012-01-09 15:50:03

如果您有超過200條記錄（有可能），您將有10個選擇列表。我認爲這會有點多。但我想要做的是自己選擇一個表單。我知道你可以改變佈局，但我想製作自己的選擇列表。就像在Flex，Vb.net，ASP.net那樣，有可能，所以也許用javascript和php？ – user993177 2012-01-10 07:14:44

HTML下拉列多列

回答

相關問題