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 Ciudad”变为空，该选项似乎是空的。

感谢任何帮助。

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>')

使用JQuery更改选择值

2 个答案: