5

Select2バージョンからバージョン3.5.2にアップグレードしました4.0.

タイピストが記入した多くのフィールドを持つフォームがたくさんあります。

古いバージョン ( 3.5.2) では、タイピストは次のシーケンスを使用していました。

  1. 要素に焦点を当てる
  2. 数字を入力
  3. を押し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では、タイピストは次のことを行う必要があります。

  1. 要素に焦点を当てる
  2. 打つEnter
  3. 番号を入力
  4. Enterもう一度押す
  5. タブを押してぼかし、次のフィールドに移動します

$("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.2AJAX を使用しているため、頼りたくない(代わりに隠しタグを使用する必要がある)<select><input>

4

1 に答える 1