Auto Jump From one Select box to Another using Jquery

Question

I have two select boxes as below.

<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>

Now if I select or change a option in the select box "s1". Then Focus should be on select box "s2" and it should get open automatically.

I have tried with onChange and onFocus Functions. Then onChange any option in "S1" the focus is jumping to "S2" but the dropdown is nott opening. Please go through this jsfiddle link : http://jsfiddle.net/eQxAj

Thanks in advance, Shoba

[Here is some other options](http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) — musefan, May 03 '13 at 10:52

score 0 · Answer 1 · answered May 03 '13 at 10:51

0

Its not possible to open Select Box using JavaScript

answered May 03 '13 at 10:51

Sudz

4,268
2
17
26

score 0 · Answer 2 · answered May 03 '13 at 10:54

I don't think that there is a way to programmitcally open a select menu with jQuery but this might be an alternative for you:

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

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

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

I took out your inline styles on the selects to make it easier to see the effect.

http://jsfiddle.net/9eJUz/

Fine i am just looking over your code. – user2335484 May 03 '13 at 11:07 — user2335484, May 03 '13 at 11:07

Auto Jump From one Select box to Another using Jquery

2 Answers2