使用JQuery更改選擇值

Question

我有一個包含三個下拉組合的窗體。其中一個顯示城市名稱;

<div class="col-xs-2"> 
     <label for="name">Ciudad</label> 
<select class="form-control" id="ciudad_combo"> 
<option>Selecciona Ciudad</option> 
</select> 
    </div> 

我使用AJAX和PHP/MySQL填充它。

但我還需要設置一個值，如果滿足其他條件。

我想如下做到這一點：

if(components[component].types[0]=="locality"){ 
       var ciudad=components[component].long_name; 

       $("#ciudad_combo").val("San Francisco"); 
      } 

但是從初始值「Selecciona城」不了了之輸出的變化，選擇顯示爲空。

任何幫助表示讚賞。

Answer 1

您需要添加的選項，如選擇

$('<option>').text('San Francisco').appendTo('#ciudad_combo').prop('selected', true);集

https://jsfiddle.net/kpfy6nbr/

Answer 2

$('#ciudad_combo') 
    .append('<option value="SF" selected="selected">San Francisco</option>')