Как добавить строку под текущей выбранной строкой (на основе выпадающего ввода) с помощью 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) будет игнорировать новые строки. Вместо этого вам нужно будет непосредственно прочитать представленные свойства формы.

Чтобы узнать, как добавить строку, обратите внимание на предложения здесь: How to add a new row to a specified table with jQuery?