如果未通過單擊選擇，則不會顯示“ 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');