bugfix> javascript > 投稿

2つのドロップダウン(HTMLで選択)があり、最初のドロップダウンでオプションを選択すると、最初のドロップダウンの選択されたアイテムのIDに従って2番目のドロップダウンを埋める必要があります。以前のオプションをすべて削除し、最初のドロップダウンで選択された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>

次に、2番目のドロップダウンを埋めるために使用したJquery関数を示します。

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

選択したテキストのテキストを変更すると、

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

これが起こりました。ドロップダウンのアイテムのテキストを変更しますが、選択したアイテムのテキストは変更しません。

回答 1 件
  • (選択したオプションのhtmlコンテンツを設定する代わりに)2番目のドロップダウンの値を設定する必要があります。

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

    どこid =「Mudançade valor」の値

あなたの答え