试图清除选择

Question

我有两个下拉列表（在HTML中选择），当我在第一个下拉列表中选择该选项时，它必须根据第一个下拉列表中所选项目的ID填充第二个下拉列表。它在删除所有先前的选项并填充第一个下拉列表中选择的ID方面做得很好，但是它不会删除显示为选中的文本。如果它以某种方式重要的话，我会被Jquery的1.11版本困住。我试过通过Jquery和Javascript来做这件事。

以下是选择的html代码：

<div class="ui-grid-a">
    <div class="ui-block-a uf">
           <label for="cpEstado" class="select">
                 <select name="estado" id="cpEstado" data-theme="c"> <!--onchange="appUsuario.buscarCidades( this.value );">-->
                      <option value="" disabled selected>UF</option>
                  </select>
           </label>
    </div>
    <div class="ui-block-b cidade">
           <label for="cpCidade" class="select">
                  <select name="cidade" id="cpCidade" data-theme="c">
                      <option value="1" disabled selected>Cidade</option>
                  </select>
           </label>
   </div>

这是我用来填充第二个下拉列表的Jquery函数：

$(document).on('change', '#cpEstado', function() {
    $('#cpCidade').empty();
    appUsuario.buscarCidades( this.value );});

当我更改所选文字的文字时，

$("#cpCidade option:selected").html('Mudança de valor');

发生这种情况。它会更改下拉列表中项目的文本，但不会更改所选项目中的项目：

Answer 1

您应该设置第二个下拉列表的值（而不是设置所选选项的html内容）：

$("#cpCidade").val('{id}');

id ='MudançadeValor'的价值