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

Это делает больше Sence: <выберите имя = "здорова" ID = "здоровый"> <параметр значение = "яблоко"> яблоко <параметр значение = "ананас"> ананас <параметр значение = "морковь"> морковь<параметр значение = "помидор"> томатный – Marle1

Я думаю, что нашел ответ. мой 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 и хром не распознает встроенный стол. поэтому он не будет работать в этих браузерах.

источник

2012-01-10 07:40:15 user993177

это невозможно, насколько мне известно. Но вы можете сделать два прямоугольника рядом друг с другом!

источник

2012-01-09 15:40:34

Это не будет работать, потому что я просто привел пример , но реальное выпадающее меню имеет динамические параметры. Поэтому вы никогда не знаете, сколько предметов будет. – user993177

Да, если он динамически создает список выбора динамически, и если есть больше, то позволяет сказать 20 вариантов, которые вы создаете для следующего списка выбора, и если еще 20 нужно создать следующий! –

Если у вас более 200 записей (что возможно), у вас будет 10 списков выбора. Я думаю, это будет немного. Но я хочу сделать свой выбор для формы. Я знаю, что вы можете изменить макет, но я бы хотел сделать свой собственный список избранных. Как в Flex, Vb.net, ASP.net, это возможно, возможно, с javascript и php? – user993177

HTML выпадающий список столбцов

ответ

Смежные вопросы