jquery - 是否有一个可以在模态表单上触发的事件准备就绪？我需要在那里设置下拉列表索引

Question

在模态引导表单中，我只需要在已填充的 DropDownList 中设置给定项目，例如使用:

$("#MyDropDown").prop('selectedIndex', 1);

我尝试使用文档就绪事件:

   <script type="text/javascript">
    $(document).ready(function () {
        $("#MyDropDown").prop('selectedIndex', 1);
    });
    </script>

但它不起作用，我认为这是因为它认为我正在谈论外部 View ，而不是模态。我可以使用什么事件来让 Modal 准备就绪？

这就是我创建 DropDownList 的方式(它也是使用 JQuery 填充的)

<select id="MyDropDown" name="ddlMyDropDown" class="form-control"></select>

编辑:这是使用 Ajax 填充的方式:

       function PopulateMyDropDown() {
        var procemessage = "<option value='0'>Seleccionar...</option>";
        $("#MyDropDown").html(procemessage).show();

        var data = JSON.stringify({
            idPedidoDisprofarma: idPedido
        });

        return $.ajax({
            url: "/RecepcionDisprofarma/PedidosDisproNoRecibidos",
            data: data,
            cache: false,
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            type: 'POST',
            success: function (data) {
                var markup = "";

                markup += "<option value='0'>Seleccionar..</option>";;

                for (var x = 0; x < data.length; x++) {
                    markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
                }
                $("#MyDropDown").html(markup).show();
            },
            error: function (reponse) {
                alert("error : " + reponse);
            }
        });
    }

Answer 1

下拉列表是在服务器上填充还是在 ajax 调用之后填充？

您可能尝试在任何可用值之前选择一个值，因为它仍在等待提供数据的响应。

您可以等到收到响应，然后从该数据集中选择第一个选项。

你可以引用这个例子: https://stackoverflow.com/a/16746700/2835914

您还可以尝试:

        success: function (data) {
            var markup = "";

            markup += "<option value='0'>Seleccionar..</option>";;

            for (var x = 0; x < data.length; x++) {
                markup += "<option value='" + data[x].Value + "' " + x === 0 ? "selected" : "" + ">" + data[x].Text + "</option>";
            }
            $("#MyDropDown").html(markup).show();
        },