Как в форме обратной связи сделать выбор?

Question

[Тимур Фисенко]

Ребят помогите пожалуйста в написании формы обратной связи.
Нужно сделать такую штуку, допустим у меня интернет магазин телефоном и покупатель при заказе должен заполнить форму обратной связи. и там указать какой он телефон хочет !
т.е input будет 3
1. Марка телефона
2. Память телефона
3. Цвет телефона.
и вот что мне и нужно. Допустим мы выбрали Iphone 6S. В продаже будет доступна 3 телефона с памятью 64GB и 32GB и 128gb, если они выберет 64gb то цвета будет 2 например серый цвет есть в продаже и розовый. А если он выберет 128GB то там будет уже доступно 4 цвета. Помогите пожалуйста реализовать мою мысль.

Comments

[OVK2015]

Что тут гадать? Сделайте связанные списки

[Тимур Фисенко]

OVK2015: нет вы не правильно поняли, мне нужно как то или через php с помощью if оформить или же в html сделать выбор если память 64 гб то цвета будет 2 если 128 то такой цвет будет 4

[OVK2015]

nanupocuk: Я об этом и говорю. На чем реализуете php&ajax или на js,- это др. вопрос. Есть основной массив со списком моделей. У каждого из его эл-ов есть вложенные массивы со списками атрибутов. Выбрали в 1-ом списке конкретную модель,- в "дочерние" select`ы подгрузились данные из соответствующего вложенного массива.

[Тимур Фисенко]

OVK2015: Тогда можно попросить вас изложить ваш ответ в коде, а то я что - то не могу понять. Буду благодарен.

[OVK2015]

nanupocuk:

// Создаете массив примерно такого вида
var goods = 
[
    [
        "Iphone 6S",
        [
            [
                "64GB",
                ["серый","розовый"]
            ],
            [
                "32GB",
                ["серый","розовый","белый","черный"]
            ],
            [
                "128gb", 
                ["серый","розовый","белый"]
            ]
        ]
    ]
    // др. модели
];
// Инициализируете основной список
goods.forEach(function(item, index)
{
    $('#modelList').append($('<option value="' + index + '">' + item[0] + '</option>'));
});

// На onChange списка моделей вешаете обработчик, кот получает индекс выбранной модели и заполняет список "памяти" соответствующим массивом
modelIndex = $(this).val();
goods[0][modelIndex].forEach(function(item, index)
{
    $('#ramList').append($('<option value="' + index + '">' + item[0] + '</option>'));    
})

.// Аналогичную обработчик делаете и для списка цветов

Answer 1

[Kovalsky]

Попробуйте chained

Comments

[Тимур Фисенко]

Огромное спасибо, это то что я искал

Answer 2

[Александр Сисюкин]

простой select с выбором все это в div, при выборе телефона (js вешаете событие change по этому selectu ) после выбора ajax запрос который отдает данные (даже можно не в json формате) тупо html и делаем append после нашего селекта другой селект который вернул наш ajax запрос и так пока не надоест ну а параметры которые ajax должен передать в вашем случае это модель на первый раз на второй объем памяти и тд...

Comments

[Тимур Фисенко]

Благодарю за помощь, ваш вариант немного сложней в реализации, чем предыдущий "chained "

[Александр Сисюкин]

Сколько людей столько и мнений )