Question

选择完成后，我遇到了Select2保持焦点的问题。我的应用程序中有一些需要标记的长格式。现在，一旦使用Select2进行选择，焦点就会丢失，因此无法标记到下一个字段。

您可以在他们的示例页面上测试它。标准选择字段允许在选择后进行选项卡，Select2字段现在可以执行。

编辑：我使用Select2的区域示例。

HTML：

<div class="form-group">
    @Html.LabelFor(m => m.Addresses[i].City)
    @Html.TextBoxFor(m => m.Addresses[i].City, new { @class = "form-control jsAddressCity" })
    @Html.ValidationMessageFor(m => m.Addresses[i].City)
</div>

<div class="form-group">
    @Html.LabelFor(m => m.Addresses[i].StateId)
    @Html.DropDownListFor(m => m.Addresses[i].StateId, new SelectList(Model.StatesList, "Id", "Code", Model.Addresses[i].StateId), "Select State", new { @class = "form-control jsAddressStateId jsSelect2" })
    @Html.ValidationMessageFor(m => m.Addresses[i].StateId)
</div>

<div class="form-group">
    @Html.LabelFor(m => m.Addresses[i].Zip)
    @Html.TextBoxFor(m => m.Addresses[i].Zip, new { @class = "form-control jsAddressZip" })
    @Html.ValidationMessageFor(m => m.Addresses[i].Zip)
</div>

JS：

        $(".jsSelect2").select2({
            width: "100%",
            theme: 'bootstrap'
        });

Answer 1

我有同样的问题。它是版本4.0.3中的错误，而不是使用select2 4.0.2

Answer 2

要在选择一个选项后保持select2的焦点和打开状态，我们只需要在加载它时提供一个附加参数即可。

$(".jsSelect2").select2({
        width: "100%",
        theme: 'bootstrap',
        closeOnSelect: false
    });

希望这会对以后的人有所帮助。

选择完成后保持焦点Select2

2 个答案: