Select2
バージョンからバージョン3.5.2
にアップグレードしました4.0.
タイピストが記入した多くのフィールドを持つフォームがたくさんあります。
古いバージョン ( 3.5.2
) では、タイピストは次のシーケンスを使用していました。
- 要素に焦点を当てる
- 数字を入力
- を押し
Tab
て結果を選択し、次のフィールドに移動します
$("select").select2();
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script>
<style>
input {
display:block;
margin:10px 0;
}
</style>
<input type=text/>
<select>
<option value="1">1. Option A</option>
<option value="2">2. Option B</option>
<option value="3">3. Option C</option>
<option value="4">4. Option D</option>
<option value="5">5. Option E</option>
</select>
<input type=text/>
バージョン4.0
では、タイピストは次のことを行う必要があります。
- 要素に焦点を当てる
- 打つ
Enter
- 番号を入力
Enter
もう一度押す- タブを押してぼかし、次のフィールドに移動します
$("select").select2();
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<style>
input {
display:block;
margin:10px 0;
}
</style>
<input type=text/>
<select>
<option value="1">1. Option A</option>
<option value="2">2. Option B</option>
<option value="3">3. Option C</option>
<option value="4">4. Option D</option>
<option value="5">5. Option E</option>
</select>
<input type=text/>
この明らかな機能の低下を回避する方法はありますか? このバージョンではサポートされていない要素でv3.5.2
AJAX を使用しているため、頼りたくない(代わりに隠しタグを使用する必要がある)<select>
<input>