Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.10.2017, 18:51
Интересующийся
Отправить личное сообщение для mcmega Посмотреть профиль Найти все сообщения от mcmega
 
Регистрация: 23.02.2017
Сообщений: 12

Разбор массива объектов json
Всем привет!
Подскажите, есть массив объектов вида:
var ssidObjs = [
    {"ssid":"TP-Link_6260","rssi":-66,"channel":1},
    {"ssid":"TP-LINK_71","rssi":-81,"channel":1}
]

Разобрал массив на объекты и вывел в select
ssidObjs.forEach(function(elem) {
    option = document.getElementById('staSSIDSelect');
    option.options[option.options.length] = new Option(elem.ssid + ' (' + elem.rssi + 'dBm, ch' + elem.channel + ')', elem.ssid);
});


<select id="staSSIDSelect" value="sta_ssid" onchange="ssidChange()">
    <option disabled="">-----</option>
    <option value="">Hidden Network</option>
    <option>Данные из объекта 1</option>
    <option>Данные из объекта 2</option>
</select>


Как сделать так, чтоб добавляемые option всегда были сначала списка, а не добавлялись в конце?
И вообще как правильно такую задачу сделать (вывести данные из массива объектов в select)?
Помогите пожалуйста!

Последний раз редактировалось mcmega, 28.10.2017 в 20:16.
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2017, 19:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

mcmega,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src='https://code.jquery.com/jquery-latest.js'></script>
  <script>
  $(function ()
{
function ssidChange()
{

}
var data = [
    {"ssid":"TP-Link_6260","rssi":-66,"channel":1},
    {"ssid":"TP-LINK_71","rssi":-81,"channel":1}
]
, select = $('<select/>', {id : "staSSIDSelect", change : ssidChange});
$.each(data,function() {
    $('<option/>', {
        val:  this.ssid,
        text: this.ssid + " ("+this.rssi+"dBm)"
    }).appendTo(select);
});

$('.result_block').append(select);
})


  </script>
</head>

<body>
   <div class="result_block"></div>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 28.10.2017, 19:27
Интересующийся
Отправить личное сообщение для mcmega Посмотреть профиль Найти все сообщения от mcmega
 
Регистрация: 23.02.2017
Сообщений: 12

Спасибо! Но нужно на чистом js, без внешних библиотек.

Последний раз редактировалось mcmega, 28.10.2017 в 20:09.
Ответить с цитированием
  #4 (permalink)  
Старый 28.10.2017, 20:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

mcmega,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<select id="staSSIDSelect" value="sta_ssid" onchange="ssidChange()">

    <option disabled="">-----</option>
    <option value="">Hidden Network</option>
</select>
<script>
 var ssidObjs = [
    {"ssid":"TP-Link_6260","rssi":-66,"channel":1},
    {"ssid":"TP-LINK_71","rssi":-81,"channel":1}
],
select = document.getElementById('staSSIDSelect');
ssidObjs.forEach(function(elem,i) {
    select.add(new Option(elem.ssid + ' (' + elem.rssi + 'dBm)', elem.ssid),i);
});
select.selectedIndex = 0;
</script>

</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 28.10.2017, 20:19
Интересующийся
Отправить личное сообщение для mcmega Посмотреть профиль Найти все сообщения от mcmega
 
Регистрация: 23.02.2017
Сообщений: 12

Спасибо!!! Все отлично заработало!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перебор массива объектов JSON Sokoljr Общие вопросы Javascript 13 24.04.2017 13:59
Конструктор массива объектов и работа с ними через localStorage pepel266 Общие вопросы Javascript 16 04.11.2015 18:30
Вызов свойств объектов из массива или объекта с параметрами Sanu0074 jQuery 4 22.05.2015 10:18
JSON массив, разбор и обработка. aj-nik Общие вопросы Javascript 2 10.10.2014 18:51
Как достать данные из JSON массива? Dimaz jQuery 15 27.11.2012 21:58