时间戳

首页 > 解决方案 > 页面加载时在 Select2 上设置所选项目 (ASPX)

javascript - 页面加载时在 Select2 上设置所选项目 (ASPX)

问题描述

我用谷歌搜索了大约 6 小时，有很多这样的 Select2 问题，但我仍然坚持这个问题。

我想显示用户在页面加载后提交表单之前选择的项目。

jQuery 2.2.1，选择2 4.0.13

标记

<select id="ddlMaterial" class="rbp-material-ddl" multiple="multiple" style="width: 100%"> </select>

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "RBP.aspx/GetOptionList",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                var obj = JSON.parse(data.d);
                var s = '';
                ... make option group ...
                $('.rbp-material-ddl').html(s);
            }
        });

        $('.rbp-material-ddl').select2({
            closeOnSelect: false, allowClear: true
        })

        $('.rbp-material-ddl').val(<%=selectedList%>).trigger('change');
    });
</script>

selectedList 是我存储用户选择的变量。

当我在页面加载时进行调试时，我得到了 $('.rbp-material-ddl').val(['help','me','please']).trigger('change'); 按照它的意思，它被执行了，但 select2 什么也没显示。

当我在加载完所有内容后通过 Chrome DevTool 执行该命令时，select2 show 3 选择正确。:'(

我也尝试了以下命令，但我没有运气。

$('.rbp-material-ddl').val(['please']);
$('.rbp-material-ddl').trigger('change');

请给我一些建议。

谢谢

标签： javascriptasp.netjquery-select2

解决方案

我发现 .. $ajax 在 select2.val() 被触发之前没有成功。

我将该函数移至成功回调并且它可以工作。

推荐阅读