我正在尝试使用 javascript 创建附加函数。我希望它工作的方式是当我单击添加按钮时,整个 div 应该随着 id 的增加而复制。 我可以用文本框创建它,但是当我在附加 html 代码中将下拉列表作为 viewbag 引入时,出现错误
下面是我的js代码
var m = 1;
var h3label = 1;
$(document).ready(function () {
$(".add_info").click(function () {
$("#sibs").append(`
<div class="border-5">
<h3>Insurance Dependent (${h3label++}) </h3>
<div class="row mb-2">
<label class="col-sm-2 col-form-label">Dependent Name <span style="color:red;font-size:20px">*</span></label>
<div class="col-sm-3">
<input asp-for="InsuranceNomiee1Name" class="form-control" placeholder="James" id="Milname" required readonly />
<span asp-validation-for="InsuranceNomiee1Name" class="text-danger"></span>
</div>
</div>
<div class="row mb-2 ">
<label class="col-sm-2 col-form-label">Relationship With Dependent <span style="color:red;font-size:20px">*</span></label>
<div class="col-sm-3">
<select asp-for="InsuranceNomiee1Relationship" class="form-control" id="insrel" asp-items="[email protected]" readonly>
</select>
<span asp-validation-for="InsuranceNomiee1Relationship" class="text-danger"></span>
</div>
</div>
</div>
`);
});
});
这是我的html
<div class="container">
<div class="row">
<div id="sibs" class="row mb-2 "></div>
<button type="button" class="btn btn-md btn-info ml-2 button-icon rounded-small add_info"><i class="fa fa-user-plus" aria-hidden="true"></i> Add </button>
</div>
</div>
请多指教