javascript - 如何使用 jQuery 在当前选定行(基于下拉输入)下方添加一行？

Question

我有一个包含很多行的表格。在每一行的最后一列中，都有一个下拉列表。当下拉列表更改时，我需要一个新的表格行出现在用户选择下拉项的行下方。但是，我还需要新行具有不同的数据，具体取决于在下拉列表中选择的内容。

是否仅使用 jQuery 就可以做到这一点？

请注意，我正在使用 ASP.NET 进行后端开发，因此，如果可以找到不使用 ID 的解决方案，那就太好了。

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);
})