Javascript.RU

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

Записать все полученные значения в виде массива (help)


Есть HTML конструкция следующего вида
<div id="cn1" class="container cont container4">  
    <input id="slider1" type="range" class="slider slider1" min="0" max="5" value="1" step="1">
    <input id="slider2" type="range" class="slider slider2" min="0" max="5" value="1" step="1">
    <input id="slider3" type="range" class="slider slider3" min="0" max="5" value="1" step="1">
    <input id="slider4" type="range" class="slider slider4" min="0" max="5" value="1" step="1">
    <input id="slider5" type="range" class="slider slider5" min="0" max="5" value="1" step="1"
></div>


несколько контейнеров c id="cn"+i; где i, от 1 до 5.
В каждом контейнере по 5 слайдеров , id для слайдера = j, где j от 1 до 25;

т.е всего на странице 25 слайдеров.
Скрипт
for (i = 1; i < 25; i++) {
      slider = "#slider" + i;
         $(slider).each(function () {
                 bt = $(this).attr('id');
                 value=$(this).val();
                 save='{"slider":"'+bt+'", "value":"'+value+'"},';
}
//при изменении значения - записываем toSave
         $(slider).change(function () {
                 bt = $(this).attr('id');
                 value=$(this).val();
                 save='{"slider":"'+bt+'", "value":"'+value+'"},';
}


console.log (save) - выводит все значения слайдеров (все 25).

нужно сохранить все полученные save в виде массива:
function saveForm(){

         var toSave = '"slide10" : {';
                toSave += '"sliders":[';
                      for (var i=1,i<26;i++) {
                             toSave +=''+save+'';
                      }
                toSave+=']';
          return toSave+='}';
}


В toSave записывает 25 save, но дублирует последнее значение {"slider":"slider25", "value":"1"},

Как вывести все значения, а не дублировать последнее?

....
"sliders":[
                   {
                        "slider":"slider1",
                        "value":"1"
                   },
                   { 
                         "slider":"slider2", 
                         "value":"1"
                    }...
           ]

Последний раз редактировалось Volchen0ck, 26.05.2014 в 14:17.
Ответить с цитированием
  #2 (permalink)  
Старый 26.05.2014, 14:19
Профессор
Отправить личное сообщение для WorM32 Посмотреть профиль Найти все сообщения от WorM32
 
Регистрация: 11.02.2014
Сообщений: 303

for (i = 1; i < 25; i++) {
      slider = "#slider" + i;
         $(slider).change(function () {
                 bt = $(this).attr('id');
                 value=$(this).val();
                 save='{"slider":"'+bt+'", "value":"'+value+'"},';

здесь по факту i < 25 вешается на 24 слайдера.

а в следующем цикле
function saveForm(){

         var toSave = '"slide10" : {';
                toSave += '"sliders":[';
                      for (var i=1,i<26;i++) {
                             toSave +=''+save+'';
                      }
                toSave+=']';
          return toSave+='}';
}

уже 25 (i<26)
Ответить с цитированием
  #3 (permalink)  
Старый 26.05.2014, 15:01
Интересующийся
Отправить личное сообщение для Volchen0ck Посмотреть профиль Найти все сообщения от Volchen0ck
 
Регистрация: 27.01.2013
Сообщений: 24

Ок, for (i = 1; i < 26; i++) {...}
и
toSave += '"sliders":[';
                 for (var i=1; i<26; i++ ....


Результат тот же
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сделать все элементы массива уникальными exec Общие вопросы Javascript 43 25.12.2015 01:14
Название ячейки таблицы Questioner Общие вопросы Javascript 6 16.02.2011 09:58
Вытащить со страницы все значения name и value из тегов <input> qwr938 Общие вопросы Javascript 8 13.02.2011 15:16
Передать все значения списка разом LRCenter Элементы интерфейса 10 23.06.2009 12:29
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37