在甜蜜警报2中选择2？

Question

我想用Sweet Alert2制作一个多输入弹出窗口，这些输入字段之一应该是带有多个选项的选择。我在某些页面中尝试了 select2 multiple，如本例所示：

<select class="js-example-basic-multiple" name="states[]" multiple="multiple">  
    <option value="AL">Alabama</option>
 ...<option value="WY">Wyoming</option> 
</select>

使用插件：

$(document).ready(function() {
   $('.js-example-basic-multiple').select2(); 
});

我尝试在甜蜜警报配置的自定义html描述中插入HTML代码，但没有效果。可以在swal2 中插入 select2吗？谢谢

Answer 1

好的，实际上它是可能的，我使用了 swal2 方法onOpen，并使用我的自定义 html 代码加载了 select2 插件：

                   swal({
                    title: "Messaggio",
                    html: html,
                    confirmButtonColor: '#26C281',
                    confirmButtonText: 'Salva',
                    confirmButtonColor: '#26C281',
                    showCancelButton: true,
                    cancelButtonText: 'Chiudi',
                    cancelButtonColor: '#EF4836',
                    focusConfirm: false,
                    onOpen: function () {
                        $('.select2').select2({
                            minimumResultsForSearch: 15,
                            width: '100%',
                            placeholder: "Seleziona",
                            language: "it"
                        });
                    },

Answer 2

上面的答案是有效的，但如果在 swal2 警报下打开 select2 的下拉菜单，请使用此 CSS

    .select2-container--open {
    z-index: 99999999999999;
    }