獲取jQuery下拉值onchange事件

Question

我在加載頁面上加載了partialview。

$(window).bind("load",
 function() {
  $.get("/agent/GetInfo",
   function(data) {
   $("#home-tab-right").empty();
   $("#home-tab-right").append(data);
  });
});

我對partialview有一個下拉列表。 我想運行一個功能來改變它。 我使用此代碼，但不運行它。

  $(document).ready(function(){
        $('#StateId').change(function() {
            var item = $(this).val();
            $.ajax({
                url: '@Url.Action("FindCity", "Agent")',
                type: 'POST',
                data: { value: item },
                success: function(result) {
                    $("#CityId").find('option').remove();
                    $.each(result,
                        function(i) {
                            var optionhtml = '<option value="' +
                                result[i].Id +
                                '">' +
                                result[i].Name +
                                '</option>';
                            $("#CityId").append(optionhtml);
                        });
                    $(".popup-loading").hide();
                }
            });
        });
    });

Answer 1

為了避免多次附加同一事件。 首先使用Off（）

$(document).off("change.findCity").on("change.findCity","#StateId",function(){ //process }) 

Answer 2

<script type="text/javascript">
    $(document).ready(function (event) {
        $('#StateId').on('change', function (event) {

          //do something
         });
    });
</script>