Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
6 / 6 / 5
Регистрация: 04.10.2013
Сообщений: 92

Динамическое добавление input

08.04.2014, 11:19. Показов 2621. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть 2 кнопки сохранить и добавить, а так же 3 input. В input вводятся Ф.И.О., после чего мы нажимаем на кнопку сохранить, следовательно сохраняем данные, но с помощью localStorage. Далее создается автоматически div при сохранении и в него добавляются данные. И так бесконечно, пока не закончится память у localStorage. Но вопрос в том, как сделать, чтобы при клике на любой div появлялись Ф.И.О. в input?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.04.2014, 11:19
Ответы с готовыми решениями:

Динамическое(по кнопке) добавление полей(селект, input) в form
Люди добрые никак не получается написать добавление полей в форму. Input написал, а вот с select'ом который заполняется данными из базы...

Динамическое создание input с разными id
Всем привет. Никак не могу сообразить, как реализовать следующий момент: На странице есть кнопка, при нажатии на нее создается поле...

Многостраничная форма, динамическое размножение полей input
Доброго времени суток! Пытаюсь сделать многостраничную форму для добавления заказов в БД mySQL. Двигаюсь методом проб и ошибок, в...

3
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
08.04.2014, 11:36
и зачем здесь кнопка "Добавить", для красоты? - она в вашем описании никак не задействована

тем более непонятно, зачем здесь использовать localStorage? - всё решается и без хранилища
0
6 / 6 / 5
Регистрация: 04.10.2013
Сообщений: 92
08.04.2014, 12:17  [ТС]
kalabuni, я описал что есть, она потом будет задействована. И как же решается?
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
08.04.2014, 14:40
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
function myFunc ()
{
var d = document.createElement ('div');
with (d.style) display = 'inline-block', width = height = '40px',
               margin = '4px', background = 'lime', cursor = 'pointer';
d.setAttribute ('marazm', document.getElementById ('fio').value);
d.onclick = function () {document.getElementById ('fio').value = this.getAttribute ('marazm')}
document.body.appendChild (d);
with (document.getElementById ('fio')) value = '', focus ();
}
</script>
 
<body>
<input id="fio">
<input type="button" value="Сохранить" onclick="myFunc ()">
<hr>
</body>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
08.04.2014, 14:40
Помогаю со студенческими работами здесь

Динамическое добавление
Доброй ночи дорогие форумчани. Есть кнопка, при нажатии на которую n раз появляется n количество div с различными названиями. На jQuery я...

Динамическое добавление элементов
Задача такая - есть 2 инпута, куда вводятся числовые значения. Нужно добавить в html-форму столько селектов, сколько указано в каждом из...

Добавление input в textarea с проверкой
Здравствуйте. Интересует функция на js или jquery Будут два input с типами 1. type=&quot;checkbox&quot; 2....

Динамическое добавление варианта в тесте
Задание: создать интерфейс для &quot;учителя&quot;, который позволит ему создавать тесты В ходе выполнения, появляется проблема: для создания...

Динамическое добавление списка на страницу
Помогите пожалуйста. Мне нужно сделать так чтобы когда выбирался определенная величина в списке &lt;select&gt; на страницу без...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
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. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru