Помогите найти правельное решение с 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" |