Javascript-форум - зависимые UL LI вместо select (Застрял)

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - зависимые UL LI вместо select (Застрял) (https://javascript.ru/forum/dom-window/54081-zavisimye-ul-li-vmesto-select-zastryal.html)

Цитата:

Сообщение от laimas

Речь идет о списке со множественным выбором?

пока до этого не дошло, речь о формировании второго селектора -- если в селекторе 1 опцион зачем такой селектор нужен

Может быть и так.

:write: если в первом селекторе 3 строки то во втором должно быть минимум 6 иначе зачем оно -- мысли вслух :)

Ну это может быть как пример и неудачный, а на самом деле опция первого списка может быть связана со вторым списком имеющим от 1 до N опций. То есть как это бы действительно связанные списки, когда по выбору в первом получаем второй. А что хотят заменить в этом случае, я лично не понял. )

:write:

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  li.select label{
    background: #FF9933;
  }
  li label{
    cursor: pointer;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
    $('#one li').click(function() {
    $('#one li').removeClass('select');
    $(this).addClass('select');
    $('#two').find('li').show().not('[data-id="'+$(this).data('id')+'"]').hide();

}).eq(0).click()
});


  </script>
</head>

<body>


<ul id="one">
   <li data-id="fg_0">
       <label for="test1">Значение 1</label>
   </li>
   <li data-id="fg_1">
       <label for="test2">Значение 2</label>
   </li>
   <li data-id="fg_2">
       <label for="test3">Значение 3</label>
   </li>
</ul>

<ul id="two">
   <li data-id="fg_0">
       <label for="test4">Значение 1.1</label>
   </li>
   <li data-id="fg_0">
       <label for="test4">Значение 1.2</label>
   </li>
   <li data-id="fg_1">
       <label for="test5">Значение 2.1</label>
   </li>
   <li data-id="fg_1">
       <label for="test5">Значение 2.2</label>
   </li>
   <li data-id="fg_2">
       <label for="test6">Значение 3.1</label>
   </li>
   <li data-id="fg_2">
       <label for="test6">Значение 3.2</label>
   </li>
</ul>



</body>

</html>

То есть во второй список упаковано N-списков?

laimas,
как вариант -- но лучше в обьекте хранить дерево и показывать веточки по запросу )))
http://javascript.ru/forum/dom-windo...tml#post231937

Ну так этот вариант ну никак не вяжется с заменить SELECT на UL - нет такого элемента в html. )

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