Статьи

jQuery динамически добавлять элементы формы

Как динамически добавлять элементы формы, используя jQuery / JavaScript. Это полезно, когда DOM уже загружен, и вам нужно добавить дополнительное поле ввода, скажем, на основе действий пользователя или выбора. Вы можете создавать любые новые элементы формы, а не только поля ввода. В качестве альтернативы вы также можете создать входные данные на странице и просто скрыть их, а затем показать их, когда они необходимы.

Пример: вставьте новое поле ввода с именем «password2» после того, как оно называется «password1», когда пароль1 изменен.

//change event on password1 field to prompt new input
$('#password1').change(function() {
		//dynamically create new input and insert after password1
		$("#password1").append("");
});