如何填写在Modal中动态创建的Select

How Can I fill Select created in Modal Dynamically

本文关键字:创建 Select 动态 何填写 Modal      更新时间:2023-09-26

这是我的尝试:

$('#modalSetComplain').on('show.bs.modal', function (e) {               
                FillinputComplaintype2();               
            });

这是一个将填充动态选择的功能

 function FillinputComplaintype2() {
            var options = $("#inputComplaintype2");
            $.each( datelist  , function (val, text) {
                options.append($("<option />").val(text.Name).text(text.Id));
            });
        }

这是我的模式

   <div class="modal modal-flex " id="modalSetComplain">
        <div class="modal-dialog" style="min-width: 900px; max-width:1000px;width:auto">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"></span></button>
                    <h4 class="modal-title">&nbsp;</h4>
                </div>
                <div class="modal-body">

                    <div class="form-horizontal" >
                        <div class="form-group">
                          <label class="col-sm-2 control-label" for="inptComplaintitle" style="width:15%"><strong> </strong></label>
                         <input type="text" name="inptComplaintitle" class="form-control" id="inptComplaintitle" style="width:60%"/>
                        </div>
                          <div class="form-group">
                          <label class="col-sm-2 control-label" for="inputComplaintype2" style="width:15%"><strong> </strong></label>
                          <select class="form-control" id="inputComplaintype2"  style="width:60%"></select>
                          </div>
                      </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"></button>
                    <button type="button" onclick="SaveComplains();" class="btn btn-green ladda-button">
                    </button>
                </div>
            </div>
        </div>
    </div>

我的模态成功出现,但我如何填写id="inputComplaintype2"在模态载荷上的昼夜动态?还有

$('#modalSetComplain').on('show.bs.modal', function (e) {  

即使它位于文档中,也没有激发它的事件。ready

我认为应该使用shown事件(在模态出现之后),而不是show事件。

$('#modalSetComplain').on('shown.bs.modal', function (e) {               
                FillinputComplaintype2();               
            });