Выборка результата из массива

232
26 ноября 2016, 18:01

Есть html страница на которой есть выпадающий список 

<div class="new-select-style-wpandyou">
    <select id="sel" required size="1" name="path">
        <option selected value>Выберите карту</option>
        <option value="АХО">АХО</option>
        <option value="СБ">Cлужба безопасности</option>
    </select>
</div>

и необходимо сделать так что бы когда выбираем одно из значений из массива выдало результат в другой селект: Сам массив 

var WordsData = [
            ["АХО", ["Прочее", "Ремонт", "Эликтричество"]],
            ["СБ", ["Мошеничество","Видеокамера","Хищение"]]
        ];

Прошу оказать помощь в решении проблемы

Answer 1

var WordsData = { 
  "АХО": ["Прочее", "Ремонт", "Эликтричество"], 
  "СБ": ["Мошеничество", "Видеокамера", "Хищение"] 
}; 
$("#sel").change(function() { 
  $('.select2').empty(); 
  var x = $(this).val(); 
  var text = ''; 
  for (var inx = 0; inx < WordsData[x].length; inx++) { 
    text += '<option>' + WordsData[x][inx] + '</option>'; 
  } 
  $('.select2').append(text); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="new-select-style-wpandyou"> 
  <select id="sel" required size="1" name="path"> 
    <option selected value>Выберите карту</option> 
    <option value="АХО">АХО</option> 
    <option value="СБ">Cлужба безопасности</option> 
  </select> 
</div> 
<div> 
  <select class="select2"> 
  </select> 
</div>

Answer 2

Вам нужно создать 2 select на странице, только один из них скрыть. В первом select всем пунктам нужно дать свой идентификатор (value). Дальше вам нужно будет написать код на javascript, чтобы при выборе значения в первом select у вас появлялся второй select, и в зависимости от выбранного пункта (точнее его value) чтобы подставлялись данные во второй select.

Пример получения данных из select:

 $( "select" ) 
      .change(function() { 
        var str = ""; 
        $( "select option:selected" ).each(function() { 
          str += $( this ).text() + " "; 
        }); 
        $( "div" ).text( str ); 
      }) 
      .trigger( "change" );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select> 
      <option>Flowers</option> 
      <option selected="selected">Shrubs</option> 
      <option>Trees</option> 
      <option>Bushes</option> 
      <option>Grass</option> 
      <option>Dirt</option> 
    </select> 
    <div></div>

READ ALSO
angular select dynamic optgroup
javascript

angular select dynamic optgroup

получаю json такого формата

 330
Как понизить уровень проверки?
javascript

Как понизить уровень проверки?

При вот таком коде:

 202
Сравнить два массива js
javascript

Сравнить два массива js

Как сравнить два массива и если элемента нету, то добавить в него из другого? Пример:

 533
Как выполнить sql запрос используя async/await в node 7?
javascript

Как выполнить sql запрос используя async/await в node 7?

Допустим я использую node-mysql из npm для выполнения sql-запросовС появлением node 7 и поддержки ней async/await, хотелось бы понять, как можно применить...

 389