Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.03.2017, 18:39   #1
Marcus75
Пользователь
 
Регистрация: 19.12.2011
Сообщений: 15
По умолчанию Записать значение в HTML артибут data-id=""

Доброго времени суток.
Пользователь с клавиатуры вводит в Input. Введеные данные отправляются в массив в виде array({id: #, title: new}) и добавляет в DOM дерево:
Код:
$('#list').append('<li data-id="">\
            <div class="todo-task">\
            <label class="text"><input class="toggle" type="checkbox">'+ title +'</label>\
            <button class="destroy"></button>\
            </div>\
            </li>');
Код HTML:
<input id="new"/>
<ul id="list"></ul>
Как в <li data-id="?"> записать значение, которое так же записывается в массиве объектов. И вместо '+ title +' записывалось значение из массива
Marcus75 вне форума Ответить с цитированием
Старый 20.03.2017, 09:01   #2
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

а где код записи в массив?
ADSoft вне форума Ответить с цитированием
Старый 20.03.2017, 11:03   #3
Marcus75
Пользователь
 
Регистрация: 19.12.2011
Сообщений: 15
По умолчанию

Цитата:
Сообщение от ADSoft Посмотреть сообщение
а где код записи в массив?
Код:
var i = 0;
$('#new').keyup(function (event) {
    if (event.keyCode == 13) {
        array.push({id: i++, title: new, status: 'active'});
    }
});
Marcus75 вне форума Ответить с цитированием
Старый 20.03.2017, 15:51   #4
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

ну если одновременно нужно добавлять, то наверное так

Код:

var i = 0;
$('#new').keyup(function (event) {
    if (event.keyCode == 13) {
        array.push({id: i++, title: new, status: 'active'});
$('#list').append('<li data-id="'+i+">\
            <div class="todo-task">\
            <label class="text"><input class="toggle" type="checkbox">'+ new +'</label>\
            <button class="destroy"></button>\
            </div>\
            </li>');
    }
});
как-то так, только непонятно откуда у вас new здесь берется
ADSoft вне форума Ответить с цитированием
Старый 20.03.2017, 16:09   #5
Marcus75
Пользователь
 
Регистрация: 19.12.2011
Сообщений: 15
По умолчанию

вот весь код добавления в массив, не доглядел по невнимательности
Код:
var $this = $(this);
        var new = $this.val();
        array.push({id: i++, title: new});
Marcus75 вне форума Ответить с цитированием
Старый 21.03.2017, 09:22   #6
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

ну вот туда этот кусок и и вставьте что я привел
ADSoft вне форума Ответить с цитированием
Старый 21.03.2017, 10:49   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

нельзя new юзать в качестве названия переменной
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно пояснить/прокомментировать код программы, или коды функций "Добавить" "Удалить" "Обновить(редактировать" "Поиск" "Период") ZIRASS PHP 4 15.06.2016 14:23
Для заданной строки определить все входящие в неё символ. Например: строка "abccbbabbac" состоит из символов "a", "b" и "c" Sandakan01 Помощь студентам 1 24.02.2016 03:20
PHP(или другой язык): Получить все пары "имя" -> "значение" переданные методом POST KingOfNothing PHP 4 12.04.2009 14:06
блок "cont" с права не принимает значение "margin: 10px;" которое описано в body tabikA HTML и CSS 5 24.02.2009 21:50