jquery自动更新两个选择字段

时间:2012-07-31 09:59:54

标签: javascript jquery

我有两个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').change(function() {
// 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');
});

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

我认为你应该将所选城市的区域绑定到

$('firstSelect').change(function(){
// your code
})