Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Динамическое добавление полей в форму (https://javascript.ru/forum/dom-window/27941-dinamicheskoe-dobavlenie-polejj-v-formu.html)

McKoris 30.04.2012 16:27

Динамическое добавление полей в форму
 
Добрый день!
Возникла запарка с динамическим добавлением элементов в форму.
<ol id="questing">
	<li> 
		Вопрос: <input type="text" name="quest-N" value="">
		Варианты ответа: 
			<ol id="values">
				<li><input type="text" name="values-n" value="" ></li>
			</ol>
		<input type="button" value="Добавить вариант" id="addNewField">
	</li>
	<input type="button" value="Добавить вопрос" id="addNewQuest">
</ol>

Нужно организовать динамическое добавление вариантов ответа на вопрос, и в тот же момент динамическое добавление вопросов.
n - порядковый номер варианта ответа.
N - порядковый номер вопроса.

Пытался воспользоваться jQuery, но с течением времени и множественных экспериментов некоторые вещи перестали работать, есть ли какое-то простое решение для выполнения данной задачи?

было что-то типо этого
$('#addNewField').click(function(){
	$('<li></li>')
	.append('<input type="text" name="values" value="">')
	.append('<button>Удалить</button>')
	.appendTo('#contain');
});

$('button').live('click', function(){
if ($(this).text() == 'Удалить') {
	$(this).parent().remove();
}  
});


Часовой пояс GMT +3, время: 23:35.