javascript - 尝试清除选择

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ça de valor' 的值