選擇後保持焦點選擇2

我在選擇後保留焦點時遇到問題。我在我的應用程序中有一些需要加標籤的長表單。現在，一旦使用Select2進行選擇，焦點將丟失，因此無法選擇到下一個字段。選擇後保持焦點選擇2

你可以在他們的例子頁面上測試它。標準選擇字段允許在進行選擇之後選擇標籤，現在選擇2字段。

編輯：我使用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' 
     });

來源

2017-02-28 Dylan Caudill

http://jsfiddle.net/fyhsz9ra/1183/我已經做了一個小提琴，我無法弄清楚你的問題。你能否提供詳細信息 –

嗯，不知道我的情況如何。在你的例子中，它工作正常。如果您使用選項卡或選擇選擇一個項目，您的Select2關閉但保持專注，允許您選擇下一個控件。在我的選擇中，當您選擇時，Select2關閉，但焦點不在控件上。沒有重點，所以你不能選擇下一步。我有最新的Select2更新，我不相信除了使用Bootstrap主題外，我還做了什麼不同的事情。它有或沒有這個主題做同樣的事情。 –

請提供您的html –

我有同樣的問題。這是4.0.3版本中的一個錯誤，使用select2 4.0.2代替

來源

2017-04-15 05:51:49

解決：https://github.com/select2/select2/issues/4384#issuecomment-228464364 –

我去了4.0.2，而仍然遇到了這個問題。但是，鏈接中的解決方法爲我解決了這個問題。謝謝您的幫助。 –

選擇後保持焦點選擇2

回答

相關問題