Javascript 如何使用jQuery在当前选中的行下方添加行（基于下拉输入）？

我有一张有一排的桌子。在每行的最后一列中，都有一个下拉列表。当下拉列表更改时，我需要在用户选择下拉列表项的行下方显示一个新的表行。但是，根据下拉列表中选择的内容，我还需要新行具有不同的数据

仅使用jQuery是否可以实现这些功能

---

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

使用JQuery添加HTML非常简单。但是，如果要将此数据保存回服务器，默认的ASP.NET进程（使用ViewState）将忽略新行。相反，您需要直接读取提交的表单属性

要了解如何添加行，请查看此处的建议：

$（“表选择”）.live（“单击”，函数（）{
var row=$（this.parent（）.parent（）；//添加一些.parent（），直到获得TR元素
var val=$（this）.val（）；//如果要在某些条件下使用它，则为
$（“…”）。插入后面（第行）；
})

这非常有效！非常感谢。现在，如果我想稍微改变一下，让它只需点击一个按钮就可以了。我将“table select”更改为“table input”，但我不确定如何读取下拉列表的值……我认为这将更加困难，但尝试在脚本中使用“change”事件更改“click”事件，我认为这可能已经是一个很好的解决方案，而无需添加按钮。实际上，我通过将val更改为：var val来解决这个问题=$（'select'，$（this.parent（））.val（）；似乎工作正常！非常感谢您的帮助！

$("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);
})