Как добавить строку ниже текущей выбранной строки (на основе раскрывающегося ввода) с помощью jQuery?

Question

У меня есть таблица с кучей строк. В последнем столбце каждой строки есть раскрывающийся список. Когда выпадающий список изменится, мне понадобится новая строка таблицы, которая появится под строкой, в которой пользователь выбрал выпадающий элемент. Однако мне также нужно, чтобы в новой строке были разные данные в зависимости от того, что было выбрано в раскрывающемся списке.

Возможно ли это с использованием только jQuery?

Обратите внимание, что я использую ASP.NET для внутренней разработки, поэтому, если решение может быть найдено без использования идентификаторов, это было бы здорово.

Answer 1

$("table select").live("click",function(){
 var row=$(this).parent().parent();//add some .parent() untill you get the TR element
 var val=$(this).val(); //<select> value if you want to use it for some conditions
 $("<tr><td>....</td></tr>").insertAfter(row);
})

Answer 2

Достаточно просто добавить HTML с помощью JQuery. Однако если вы намереваетесь сохранить эти данные обратно на сервер, процесс ASP.NET по умолчанию (с помощью ViewState) будет игнорировать новые строки. Вместо этого вам нужно будет непосредственно прочитать отправленные свойства формы.

Чтобы узнать, как добавить строку, посмотрите предложения здесь: Как добавить новую строку в указанную таблицу с помощью jQuery?