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