如何使用mvc4视图中的按钮向表中添加新行

Question

我正在尝试在我的mvc视图中添加一个“添加新行”的按钮。

首先我试过这个并且有效。

<script type="text/javascript">
$(document).ready(function () {
function addRow() {
var html = '<tr><td>' +
'<input type="text" id="Text1">' +
'</td><td>' +
'<input type="text" id="Text2">' +
'</td></tr>'
$(html).appendTo($("#table1 > tbody"))
};
$(".BtnAdd").click(addRow);
});
</script>

然后我不得不将输入类型=“文本”更改为@ Html.TextAreaFor（）

所以我尝试了这个......但没有工作

<script type="text/javascript">
$(document).ready(function () {
function addRow() {
var html = '<tr><td>' +
'@Html.TextAreaFor(m => m.schedule1)' +
'</td><td>' +
'@Html.TextAreaFor(m => m.Schedule2)' +
'</td></tr>' +
$(html).appendTo($("#table1 > tbody"))
};
$(".BtnAdd").click(addRow);
});
</script>

任何人都请帮助我...对不起，如果我提出问题的方式不好（新的.net）

还有其他好方法吗？ （用于每个循环等）

由于