Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите найти правельное решение с SELECT (https://javascript.ru/forum/dom-window/41289-pomogite-najjti-pravelnoe-reshenie-s-select.html)

Georka 07.09.2013 12:27

Помогите найти правельное решение с SELECT
 
ВОт коД:
Код:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <script>function load_lvl(el){$('#lvl_info').html($('#preload div[lvl="'+$(el).val()+'"]').html());}</script>
 <script>function load_tab(el){$('#tab_info').html($('#load div[tab="'+$(el).val()+'"]').html());}</script>
 <script>function load_bar(el){$('#bar_info').html($('#preload div[bar="'+$(el).val()+'"]').html());}</script>
 <script>function load_dor(el){$('#dor_info').html($('#preload div[dor="'+$(el).val()+'"]').html());}</script>
 <script>function load_rom(el){$('#rom_info').html($('#preload div[rom="'+$(el).val()+'"]').html());}</script>
</head>
<body>
 <div id="preload" style="display:none">
  <div lvl="1"><br>
  <div id="load" style="display:none">
    <div tab="1"><br>BMW X5</div>
    <div tab="2"><br>Камаз</div>
    <div tab="3"><br>Yamaha R1</div>
  </div>
  <select onchange="load_tab(this)">
  <option value="0" selected disabled>Не выбрано</option>
  <option value="1">Легковые авто</option>
  <option value="2">Грузовики</option>
  <option value="3">Мото</option>
  </select>
  <div id="tab_info"></div>
  </div>
  <div lvl="2"><br>
  Windows, Mac, Linux
  </div>
  <div lvl="3"><br>
  Love, Meeting, Sex
  </div>
 </div>
 
<select onchange="load_lvl(this)">
 <option value="0" selected disabled>Не выбрано</option>
 <option value="1">Авто\Мото</option>
 <option value="2">Компьютеры</option>
 <option value="3">Знакомство</option>
</select>
<div id="lvl_info"></div>
</html>

Нужно чтобы всё работало..
Например выбрал "Авто\Мото" появлялся 2-ой селект меню, затем в нем выбрал "Легковые авто" и появлялось скрытое содержимое "BMW X5, Камаз , Yamaha R1"

salat-production 09.09.2013 02:53

как все сложно то.
кварю проще прикрутить http://www.appelsiini.net/projects/chained
из базы брать сразу списки по value

ksa 09.09.2013 09:08

Цитата:

Сообщение от Georka
ВОт коД

Разметка полная фигня...

Для решения твоей проблемы желательно переделать разметку... Добавить ИДшники ключевым элементам. Причем т.о., чтобы они легко "вычислялись" при выборе "родительского" элемента...


Часовой пояс GMT +3, время: 18:15.