select2 的設置值在 asp.net mvc 中不起作用

Question

我想設置我的兩個 select2 級聯下拉列表的選定值，但它不起作用。

這是我的 jquery 代碼，其中包含我的下拉列表

var Select2Cascade = (function (window, $) {

    function Select2Cascade(parent, child, url, select2Options) {
        var afterActions = [];
        var options = select2Options || {};

        // Register functions to be called after cascading data loading done
        this.then = function (callback) {
            afterActions.push(callback);
            return this;
        };

        parent.select2(select2Options).on("change", function (e) {

            child.prop("disabled", false);

            var _this = this;
            $.getJSON(url.replace(':parentId:', $(this).val()), function (items) {
                var newOptions = '<option value="">-- Seleccione --</option>';
                for (var id in items) {
                    newOptions += '<option value="' + id + '">' + items[id] + '</option>';
                }
                child.select2('destroy').html(newOptions).prop("disabled", false)
                    .select2(options);

                afterActions.forEach(function (callback) {
                    callback(parent, child, items);
                });
            });
        });
    }
    return Select2Cascade;
})(window, $);

這行代碼

  alert($("#hdArmario").val()+$("#hdCajon").val()+$("#hdUbicacionID").val());

告訴我我能夠得到正確的值

$(document).ready(function () {
    alert($("#hdArmario").val()+$("#hdCajon").val()+$("#hdUbicacionID").val());
    $("#btnSalvar").click(function () {
        $("#ubicacion_id").val($("#drCajon").val());
        if ($("#drOperation option:selected").text() === "-") {
            if (parseInt($("#cantidadActuel").text()) - parseInt($("#cambiar_cantidad").val()) < 0) {
                alert("La cantidad no puede ser menor que cero");
            }
            else {
                AddUpdate();
            }
        }
        else {
            //alert(parseInt($("#cantidadActuel").text()) + parseInt($("#cambiar_cantidad").val()));
            AddUpdate();
        }

        function AddUpdate() {
            var modifyBy = $("#drOperation option:selected").text() + $("#cambiar_cantidad").val();
            $.ajax({
                type: 'POST',
                url: "/gestiondecomponentes/SalvarUbicacion",
                data: { idComponente: window.location.href.match(/[^\/]*$/), idUbicacion: $("#drCajon").val(), cantidadModifier: modifyBy },
                dataType: 'json',
                success: function (data) {
                    // your data could be a View or Json or what ever you returned in your action method
                    // parse your data here
                    //successs....
                    $dialog.dialog('close');
                    //oTable.ajax.reload();
                    $("#flash-messages").flashMessage();
                }
            });
        }
    });
    $.ajax({
        url: '/inventario/loadArmario',
        type: 'post',
        dataType: 'json',
        success: function (response) {
            var len = response.length;

            $("#drArmario").empty();
            $("#drArmario").append('<option value="">-- Seleccione --</option>');
            for (var i = 0; i < len; i++) {
                var id = response[i]['armario'];
                var armario = response[i]['armario'];

                $("#drArmario").append("<option value='" + id + "'>" + armario + "</option>");
            }
            $('#drArmario').val($("#hdArmario").val());
        }
    });

然后我希望這行代碼

            $('#drArmario').val($("#hdArmario").val());

select 我的值是否正確，但它不起作用

    $("#drArmario").change(function () {
        var deptid = $(this).val();

        $.ajax({
            url: '/inventario/loadCajon',
            type: 'post',
            data: { Prefix: deptid },
            dataType: 'json',
            success: function (response) {
                var len = response.length;
                $("#drCajon").empty();
                $("#drCajon").append('<option value="">-- Seleccione --</option>');
                for (var i = 0; i < len; i++) {
                    var id = response[i]['ubicacion_id'];
                    var cajon = response[i]['cajon'];
                    $("#drCajon").append("<option value='" + id + "'>" + cajon + "</option>");
                }

            }
        });
    });

    var select2Options = { width: 'resolve' };
    // Loading raw JSON files of a secret gist - https://gist.github.com/ajaxray/32c5a57fafc3f6bc4c430153d66a55f5
    var apiUrl = 'https://gist.githubusercontent.com/ajaxray/32c5a57fafc3f6bc4c430153d66a55f5/raw/260a653e6347fb6d2360e8ec376a2dc4888c1afa/:parentId:.json';

    $('select.special').select2(select2Options);
    var cascadLoading = new Select2Cascade($('#drArmario'), $('#drCajon'), apiUrl, select2Options);
    cascadLoading.then(function (parent, child, items) {
        for (var i = 0; i < items.length; i++) {
            alert(items[i]);
        }
        // Dump response data
        console.log(items);
    });
});

所以我的問題是我如何 select 下拉列表中的值。 任何幫助將不勝感激，謝謝。

Answer 1

這對我有用

$("#drArmario").val($("#hdArmario").val()).change();