jquery - 无法在 Select2 下拉输入搜索字段中输入 (http ://kevin-brown. com/select2/)

Question

无法在 Select2 下拉输入搜索字段中输入内容 ( http://kevin-brown.com/select2/ )

我发现列出的许多问题都提到了相同的问题，但对我来说没有任何作用( https://www.google.com/search?q=can%27t+type+in+select2&ie=utf-8&oe=utf-8&client=firefox-b-ab )。我无法使用 jQuery 在模型对话框中输入 Select2 下拉输入搜索字段。顺便说一句，我可以从下拉列表中选择罚款值。尝试插入 tabindex: 0 但没有成功。

代码:

$.ajax({
    type: "POST",
    url: "<?php echo $myScripts; ?>",
    data: { id1: "get-release-dropdown-html", id100: "<?php echo $dbTable; ?>" },
    success:function(releaseDropdown){

        $('#progress').hide();

        $( "#modelDialog1" ).dialog({
            modal: true,
            width: '570',
            height: '600',
            resizable: true,
            position:
            {
                my: "center",
                at: "center",
                of: window,
             },
            title: "Trigger Build",
            open: function() {

                $(this).html("<br/>Please select job options.<br/><br/><br/><b>Release:</b>" + releaseDropdown + "<div style='margin-top:30px;'/><b>Build Release Candidate:</b><select id='sReleaseCandidate'><option value='ga' selected>GA</option><option value='beta1'>BETAX</option>'></br>");

                $("#sDescription").focus();

                $("#sRelease, #sReleaseCandidate").select2({
                    tags: true
                });
            },

            close: function() {
                $( this ).dialog( "close" );

            },

        });

    }

});

Answer 1

如果您使用 Bootstrap Modal，则只需从 bootstrap modal 属性中删除 tabindex="-1" 即可。就我而言，效果非常好。