如何在 javascript 中从 viewbag 附加下拉列表

问题描述 投票:0回答:0

我正在尝试使用 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>
                                              &nbsp;
                                              &nbsp;
                                              &nbsp;
                                  <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>
                                  &nbsp;
                                  &nbsp;
                                  <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>
                         &nbsp;&nbsp;
                        &nbsp;&nbsp;
                `);

            });
        });



这是我的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>

请多指教

javascript razor append dropdown
© www.soinside.com 2019 - 2024. All rights reserved.