jQuery選擇框沒有顯示，如果沒有通過點擊選擇

Question

我有兩個select框。其中一個城市名單，第二個城市名單。當我從第二個框中的第一個select框中選擇（單擊）城市時，我會看到選定城市的區域。這完美地工作，但是當城市被另一個腳本自動選中時，區域列表不會顯示 - 我必須從列表中手動選擇城市，然後出現區域列表。

這裏是我的腳本：

$.viewMap_get = { 
    '0' : $([]), 
    'Katowice' : $('#c1a, #c1b, #c6, #c7'), 
    'Kraków' : $('#c2a, #c2b, #c6, #c7'), 
    'Warszawa' : $('#c3a, #c3b, #c6, #c7'), 
    'Wrocław' : $('#c4a, #c4b, #c6, #c7'), 
    'Gdańsk' : $('#c5a, #c5b, #c6, #c7'), 
}; 

$.each($.viewMap_get, function() { this.hide(); }); 
$('#get_city_district').hide(); 

$('#get_car').on('change', function() { 
$('#return_city_district').show(); 
// hide all 
$.each($.viewMap_get, function() { this.hide(); }); 
    $('#get_city_district').hide(); 
// show current 
$.viewMap_get[$(this).val()].show(); 
    $('#get_city_district').show(); 

    var id = $.viewMap_get[$(this).val()].attr("id"); 
    $('#'+id).attr('selected', 'selected'); 
}); 

誰能幫助？

Answer 1

試試這個（見DEMO [在JS結束]）

$('#get_car option:eq(2)').attr('selected', 'selected'); 
$('#get_car').trigger('change');