州と都市の選択リストのためにJQueryを選択しました

Question

私は州と都市の選択ボックスをやっています。ユーザーが選択した状態に基づいて状態を選択すると、その状態の都市リスト全体が表示されます。以下はjavascriptコードです：

$(document).ready(function() { 

    $("#origin_state").chosen(); 

    $("#origin_state").change(function() { 
     $("#origin_city").load("getCities.php?state=" + $("#dest_state").val()).prop('disabled', false); 
    }); 

    $("#origin_city").hover(function() { 

     $("#origin_city").chosen(); 
    }); 
}); 

私は州と都市のデータベースを持っています。 getCities.phpは、選択した状態に基づいて都市リストを取得します。問題は一度しか働かないことです。いったん状態を別の状態に変更すると、市リストは変更されません。$（ "＃origin_city"）をselected（）;とコメントするとうまくいきます。助けてください！

Answer 1

よく、選択した初期化関数selected（）をドロップダウンで適用したときに選択されたドロップダウンとしてレンダリングされた後、新しいデータでリフレッシュしたい場合は、選択したプラグインを更新する必要があります。カスタムイベント 'が選択されました：更新されました'。州都の手続きは以下のようにしてください。

まず、両方のドロップダウンで選択したプラグインを 'selected-select'に設定して適用します。

<select id="origin_state" class="chosen-select"></select> 
<select id="origin_city" class="chosen-select"></select> 

そして、あなたのjavascriptのコード：

$('.chosen-select').chosen(); 

$('#origin_state').change(function(){ 
    var state = $(this).val(); 
    $("#origin_city").load("getCities.php?state="+state).prop('disabled',false); 
    $('#origin_city').trigger('chosen:updated'); 
});