選択したjQueryの値を設定する方法は？

Question

<script> 
    $(document).ready(function() { 
     $("#state").change(function() { 
     var stateId = $("#state").val() 
      phpurl = "sample_url" + stateId; 

      $.ajax({ 
       url: phpurl, 
       success: function (data) { 
        $("#district").html(data).trigger("chosen:updated");       
       }, 
       error: function(data) { 
       } 
      }); 
     }); 
    }); 
</script> 

上記は州に基づいて地区を生成するコードですが、正常に動作します。私は、ユーザーが選択した値を設定したいだけです。現在、選択された値は、状態を選択してサブミットした後にクリアされます。

Answer 1

あなたはやる、選択した値

var selectedDistrict = 0; 

$("#district").change(function() { 
    selectedDistrict = $("#district").val(); 
}); 

を保持するために、グローバルを使用することができます：あなたのAJAX成功に

$("#district") 
    .html(data) 
    .trigger("chosen:updated") 
    .val(selectedDistrict) 
    .trigger("chosen:updated"); 

を。

はあなたのコードになることを意味します：

<script> 
    var selectedDistrict = 0; 
    $(document).ready(function() { 
     $("#district").change(function() { 
      selectedDistrict = $("#district").val(); 
     }); 

     $("#state").change(function() { 
     var stateId = $("#state").val() 
      phpurl = "sample_url" + stateId; 

      $.ajax({ 
       url: phpurl, 
       success: function (data) { 
        $("#district").html(data) 
         .trigger("chosen:updated") 
         .val(selectedDistrict) 
         .trigger("chosen:updated");       
       }, 
       error: function(data) { 
       } 
      }); 
     }); 
    }); 
</script>