自動跳轉從一個選擇框到另一個使用Jquery

我有兩個選擇框如下。自動跳轉從一個選擇框到另一個使用Jquery

<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函數。然後onChange任何選項在「S1」焦點跳到「S2」，但下拉不開放。請通過此鏈接的jsfiddle：http://jsfiddle.net/eQxAj

由於提前，了Shoba

來源

2013-05-03 user2335484

你不能用jquery（_javascript_）打開'select'。 – 2013-05-03 10:48:56

那麼對此的解決方案是什麼？ – user2335484 2013-05-03 10:51:46

[這是一些其他選項]（http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery） – musefan 2013-05-03 10:52:29

它不可能使用JavaScript

來源

2013-05-03 10:51:08 Sudz

我不認爲有一種方法來programmitcally打開選擇打開選擇框菜單與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/

來源

2013-05-03 10:54:15 martincarlin87

好我只是看你的代碼。 – user2335484 2013-05-03 11:07:13

自動跳轉從一個選擇框到另一個使用Jquery

回答

相關問題