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

我试图在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>

$（文档）.ready（函数（）{
函数addRow（）{
var html=''+
'' +
'' +
'' +
''
$（html）.appendTo（$（“#table1>tbody”））
};
$（“.BtnAdd”）。单击（添加行）；
});

然后我不得不将input type=“text”更改为@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>

$（文档）.ready（函数（）{
函数addRow（）{
var html=''+
“@Html.TextAreaFor（m=>m.schedule1）”+
'' +
“@Html.TextAreaFor（m=>m.Schedule2）”+
'' +
$（html）.appendTo（$（“#table1>tbody”））
};
$（“.BtnAdd”）。单击（添加行）；
});

任何人请帮助我…如果我提出问题的方式不好，请道歉（新到.net）

还有别的好办法吗？（用于每个回路等）

---

谢谢

您将客户端代码与服务器混合在一起，您不清楚客户端和服务器端如何继续？首先，请清楚什么是服务器端代码，什么是客户端代码最简单的解决方案是使用帮助器（请参阅）或纯客户端示例请参阅