jquery - Jqueryを使用して、ある選択ボックスから別の選択ボックスに自動ジャンプ

Question

以下のように2つの選択ボックスがあります。

<select name="origin" id="s1" class="editable-select" style="width:330px;height:40px;">
  <option value=""></option>
  <option value="Bangalore">Bangalore (BLR)</option>
  <option value="Chennai">Chennai (MAA)</option>
  <option value="Goa">Goa (GOI)</option>
  <option value="Hyderabad">Hyderabad (HYD)</option>
  <option value="Kolkata">Kolkata (CCU)</option>
  <option value="Mumbai">Mumbai (BOM)</option>
  <option value="New Delhi">New Delhi (DEL)</option>
  <option value="Pune">Pune (PNQ)</option>
</select>


<select id="s2" class="editable-select" style="width:330px;height:40px;" name="destination">
  <option value=""></option>
  <option value="Bangalore">Bangalore (BLR)</option>
  <option value="Chennai">Chennai (MAA)</option>
  <option value="Goa">Goa (GOI)</option>
  <option value="Hyderabad">Hyderabad (HYD)</option>
  <option value="Kolkata">Kolkata (CCU)</option>
  <option value="Mumbai">Mumbai (BOM)</option>
  <option value="New Delhi">New Delhi (DEL)</option>
  <option value="Pune">Pune (PNQ)</option>
</select>

ここで、選択ボックス「s1」でオプションを選択または変更するとします。次に、フォーカスが選択ボックス「s2」にあり、自動的に開くはずです。

onChange および onFocus 関数を試しました。次に、「S1」のオプションを変更すると、フォーカスは「S2」にジャンプしますが、ドロップダウンは開きません。この jsfiddle リンクを参照してください: http://jsfiddle.net/eQxAj

事前にありがとう、ショウバ

Answer 1

jQueryを使用して選択メニューをプログラムで開く方法はないと思いますが、これが代替手段になる可能性があります。

$('#s1').change(function() {
    $('#s2').focus();
    $('#s2').attr('size',9);
});

$('#s2').change(function() {
    $('#s2').attr('size',1);
});

$('#s2').focusout(function() {
    $('#s2').attr('size',1);
});

効果を簡単に確認できるように、選択したインライン スタイルを削除しました。

http://jsfiddle.net/9eJUz/

Answer 2

JavaScript を使用してセレクト ボックスを開くことができない