添加，使用Jquery从多个选择框中删除值

Question

我有一个多个选择框，其中有一个城市到一个对应的国家，使用户可以选择多个城市。在表格填写过程中，用户必须首先选择国家，并且需要在多个选择框中相应地更改城市。这里我的国家下面选择框和城市多个SB。

<select name="country" id="country" onchange="ajax_change(this.value)"> 
    <option value="">--Select Country--</option> 
    <? echo $countryList;?> 
</select> 

，这里是多选择框

<select multiple="multiple" name="cities[]" id="cities[]" style="height:150px; width:300px;"> 
    <option value="">-- Select City --</option> 
</select> 

这是成功返回城市列表中的Ajax代码。

<script type="text/javascript"> 
    function ajax_change(val) 
    { 

     jQuery.post(
      '<?=WEB_ROOT?>index.php?rt=admin/airport/ajax', 
      { 
       val:val, 
       type:'get_cities' 
      }, 
      function(data){ 
       $('#cities[]').val(data); 
      } 
     ); 
    } 
</script> 

但是$('#cities[]').val(data)不起作用。你能帮我解决这个问题吗？