Динамическое создание элементов

@loken · Регистрация: 19.03.2013

Студворк — интернет-сервис помощи студентам

Уважаемые форумчане, такой вопрос, имею такой код на динамическое добавление контролов, при добавлении контрола у меня страница переходит наверх, как исправить?
код

JavaScript
1
2
3
4
5
6
7
$(document).ready(function() {  
  var i = $('input').size() + 1;
    $('#add').on('click', function() {
        $('<div><input type="text" class="field" name="dynamic[]" value="0" /></div>').fadeIn('slow').appendTo('.inputs');
        i++;
       });
}

разметка

HTML5
1
2
3
4
5
6
7
8
                <div class="dynamic-form">
                    <a id="add" href="#">Добавить насос</a>|
                    <div class="inputs" >
                        <div>
                            <input class="field" type="text" value="1" name="dynamic[]"> m3/час
                        </div>
                    </div>
                    <input class="submit" type="button" value="Высчитать общую производительность" name="submit">

@Soldado · 26.06.2013, 15:30

Вы кликаете по ссылке, а для неё стандартное событие - переход по адресу в начало страницы. Я предпочитаю не использовать ссылки если не собираюсь куда-то переходить. Можно всё в span завернуть или так (return false;)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" >
$(document).ready(function(){
  var i = $('input').size() + 1;
    $('#add').on('click', function() {
                $('<div><input type="text" class="field" name="dynamic[]" value="0" /></div>').fadeIn('slow').appendTo('.inputs');
        i++;
        return false;
        
       });
});/*end ready*/
</script>

@loken · 26.06.2013, 15:38 **[ТС]**

о как все просто т) спасибо

Новые блоги и статьи Все статьи Все блоги /
Дальние перспективы сервера - слоя сети. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .

@loken 16 / 16 / 2 Регистрация: 19.03.2013 Сообщений: 48
	26.06.2013, 15:38 [ТС]
	о как все просто т) спасибо 0