Последовательный выбор, как лучше реализовать?

Question

[cactuss]

К примеру, есть несколько вариантов.

1 вариант
2 вариант
3 вариант

если выбирается :
1 вариант, то открывается список.
1.1 вариант
1.2 вариант

если выбрать
1.2 вариант, то открывается варианты:
1.2.1
1.2.2

и т.д.

У меня несколько вариантов пришло в голову..
1-й это использовать радио кнопки... и до выбора скрывать блоки...
при выборе 1-й из кнопок открывается нужная последовательность.

2-й это с помощью select

3-й вариант на js(ajax)

4-й это подгружать масивы.. как тут

Как лучше сделать?
Посоветуйте...

Comments

[cactuss]

Если не совсем понятно:
1значение: фрукт
К этому списку принадлежат след. значения
11 яблоко
12 банан
13 мандарин
2значение: овощ
К этому списку принадлежат след. значения
21 картошка
22 помидор
3значение: хз
К этому списку принадлежат след. значения
31 хрень 1
32 хрень 2

и отправить ..

Answer 1

[cactuss]

Печально, ответа нету . Это и есть решение(

Answer 2

[Юрий Лобанов]

Я смотрю, Вы тут сами с собой неплохо общаетесь )

Comments

[cactuss]

Вот приходится.. Может кто-то подключится.
А если и повезет, я еще кому-то помогу.. Ну это потом(

Answer 3

[cactuss]

Вот на js и select... Тык
Не подходит, большой вес (

Comments

[cactuss]

Можно как-то облегчить ? И убрать jquery ?

[cactuss]

Вот посложнее вариант , но тоже не то

[cactuss]

На радио кнопках надо много городить.. +js который я знаю кое-как. Помогите пожалуйста

Answer 4

[cactuss]

<script>
    function a() {document.getElementById('info1').style.display='block';}
    function b() {document.getElementById('info2').style.display='block';}
    function c() {document.getElementById('info3').style.display='block';}
</script>

<input   type="radio" name="1"   onChange="a()">1
<input   type="radio" name="1"   onChange="b()">2
<input   type="radio" name="1"   onChange="c()">3
<br>
    <div id="info1" style="display:none">
        <label><input name="2" type="radio" value="Да" />1Да</label>
        <label><input name="2" type="radio" value="Нет" />1Нет</label>
    </div>
    <div id="info2" style="display:none">
        <label><input name="3" type="radio" value="Да" />2Да</label>
        <label><input name="3" type="radio" value="Нет" />2Нет</label>
    </div>
    <div id="info3" style="display:none">
        <label><input name="4" type="radio" value="Да" />3Да</label>
        <label><input name="4" type="radio" value="Нет" />3Нет</label>
    </div>
</form>

А все не плохо начиналось.. Как эту лужу исправить ?

Comments

[cactuss]

@iiil Не поможешь?

Answer 5

[Владимир Бабин]

Недавно делал что-то подобное, глянь, если подойдет скину исходники:
pgsha.info/es