我需要使用jQuery来动态添加一些元素。所以我在互联网上查找,找到了这个。当单引号内有普通的html元素时,它很好用并且有效。我需要在jQuery中使用razor语法。
我知道jQuery是客户端的,而razor是服务器端的。它们不能结合在一起。我在这里提问,因为我需要知道如何实现这一点。
我的不起作用的jQuery代码如下:
我知道jQuery是客户端的,而razor是服务器端的。它们不能结合在一起。我在这里提问,因为我需要知道如何实现这一点。
我的不起作用的jQuery代码如下:
<script type="text/javascript">
$(document).ready(function () {
$(document).on("click", ".btnPlus", function () {
var html = '<div class="form-group">'+
'@Html.LabelFor(model => model.transaction_item, "transaction_item", htmlAttributes: new { @class = "control-label col-md-2" })'+
'<div class="col-md-4">'+
'@Html.DropDownList("transaction_item", null, htmlAttributes: new { @class = "form-control" })'+
'@Html.ValidationMessageFor(model => model.transaction_item, "", new { @class = "text-danger" })'+
'</div>'+
'<div class="col-md-6"><input type="button" class="BtnPlus" value="+" /></div>'+
'</div>'
$("#trItem").append($(html))
};
});
我的目标类似于教程 - 动态添加元素。在这里,我将在单击按钮时添加标签和下拉菜单。我该如何实现?