Добрый день!
Возникла запарка с динамическим добавлением элементов в форму.
<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();
}
});