Александр.Т.

 

а в чем тут зависимость?

Apple делает все из ниже перечисленного

Android даже не представляю что из этого делает

если вам нужно, чтобы при выборе какого-то пункта в первом селекте во втором не нужные поля скрывались, то можно для второго селекта указать зависимость от первого

<option label="product" data-brand='["Brand","LG","Apple","Android","Nokia"]'>product</option><option value="monitor" data-brand='["LG","Apple"]'>monitor</option><option value="notebook" data-brand='["LG","Apple"]'>notebook</option>...

ну а дальше так же привязываем событие change на select1

и проверяем присутствует ли в массиве data-brand из $('.select2 option') выбранные бренд, если да, то показываем option иначе скрываем

 

Спасибо большое !

я не очень понимаю js т.к только месяц изучаю html и css...  <div> и <a>  для стилизации стандартного select'a. Чтобы при выборе из select1 какого нибудь из брендов в select2 выходил какой-то определённый вид продукции. И потом передавалась комбинация из этих двух значений. Я так понимаю чтобы вёрстка была готовой к этой форме нужно подключить JS для обработки этих двух Select и всё ? а потом передавать работу тем, кто занимается PHP ? 

 вот моя форма:

Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend"  и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?