Форум

рони · #11 (**permalink**) 03.03.2015, 10:22

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

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

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

laimas · #12 (**permalink**) 03.03.2015, 10:24

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

рони · #13 (**permalink**) 03.03.2015, 10:25

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

laimas · #14 (**permalink**) 03.03.2015, 10:39

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

рони · #15 (**permalink**) 03.03.2015, 10:48

<!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>

laimas · #16 (**permalink**) 03.03.2015, 10:52

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

рони · #17 (**permalink**) 03.03.2015, 10:54

laimas,
как вариант -- но лучше в обьекте хранить дерево и показывать веточки по запросу )))
Как связать два списка на Javascript?

laimas · #18 (**permalink**) 03.03.2015, 11:01

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

рони · #19 (**permalink**) 03.03.2015, 11:04

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

Форум

Справочник

Discord чат

Курсы javascript