Question

我在加载页面上加载了局部视图。

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

获取jQuery下拉值onchange事件

2 个答案: