更改按钮单击时选择的选项

Question

单击按钮我想要更改选择列表中的选定选项以对应于单击的按钮.这就是我到目前为止, jsfiddle

$('#btnCityAuckland').click(function(){
    $('#City').val('A');
})

我确实在那里有一些jQuery,但它可能距离正确,因为它不能那么简单.

Answer 1

$('#btnAuckland').click(function(){ 
    $('#City').val('A').trigger('change');
})?

显然你可以.trigger()在设置值后调用方法.

演示:http://jsfiddle.net/8RUBj/11/

编辑
此外,如果您使用data属性来设置值和类,然后您可以一次性完成所有按钮,那就更好了.

$('.select-change').click(function(){ 
    $('#City').val($(this).data('val')).trigger('change');
})?

演示版v2:http://jsfiddle.net/8RUBj/15/