如何使用jQuery在当前选定的行下面添加一行(基于下拉输入)?

时间:2009-08-27 16:00:14

标签: javascript jquery drop-down-menu

我有一堆有一堆行的表。在每行的最后一列中,有一个下拉列表。下拉列表更改时,我需要在用户选择下拉项目的行下方显示一个新的表格行。但是,我还需要新行根据下拉列表中选择的内容来获取不同的数据。

这是否只能使用jQuery?

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:0)

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

要了解如何添加行,请查看此处的建议:How to add a new row to a specified table with jQuery?