2016-08-04 65 views
0
<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> 

以上是我的代碼基於狀態產生區,並能正常工作。我只想設置用戶選擇的值。目前,選擇狀態並提交後,所選值將被清除。如何設置選定的jQuery值?

+1

你能更具體發生了什麼。哪個選定的值被清除'區'或'狀態'下拉? –

+0

你期待什麼? –

+0

當我選擇狀態並提交時,我能夠得到結果。但所選值被清除。 – Pradeep

回答

0

您可以使用全局保持選定值

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>