如何设置选择的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>

Above is my code to generate district based on state, and it works fine. I just want set the value what is selected by user. At present the selected value is cleared after selecting a state and submit.

Answer 1

You can use a global to hold selected value

var selectedDistrict = 0;

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

then do:

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

in your ajax success.

Means your code will become:

<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>