在頁面加載時觸發/綁定文本框的jquery事件

Question

當用戶輸入郵政編碼時，我在view1中有一個郵政編碼文本框，然后單擊“下一步”添加更多詳細信息我將郵政編碼從view1傳遞到view2。 在view2中，我需要根據輸入的郵政編碼顯示州和城市。 我已經使用keyup根據輸入的zip獲取城市和州。 當我在view2中更改郵政編碼時它工作正常。但是當我從view1到view2時，dones無效。 我需要在頁面加載時觸發郵政編碼文本框的事件我的意思是當郵政編碼從view1傳遞到view2時。 現在，當我從view1到view2時，只有郵政編碼顯示在各自的文本框中，而城市和州字段則不顯示任何內容。 如何觸發郵政編碼文本框的事件或在頁面加載時綁定到現有事件？

 $(document).ready(function () { $("#zip").keyup(function () { var el = $(this); if (el.val().length === 5) { $.ajax({ type:'GET', dataType: "json", cache: true, url: "../api/Getstatelist/" + el.val(), success: function (html) { $.each(html,function(key,value){ $('#state').append($('<option></option>').val(value.State).html(value.State)); }); $.each(html,function(key,value){ $('#city').append($('<option></option>').val(value.City).html(value.City)); }); } }); } }); }); 

 <div> <div class="city-wrap"> <select id="city"> <option value="">Select City first</option> </select> <label for="city">City</label> </div> <div class="state-wrap"> <select id="state"> <option value="">Select State </option> </select> <label for="state">State</label> </div> <div class="zip-wrap"> @Html.TextBoxFor(model => model.Zip, new { @class = "form-control", @id = "zip", @name = "zip" }) <label for="zip">Zip</label> </div> </div> 

Answer 1

我找到了解決方案。 添加了如下所示的加載功能。 我不確定這是正確的做法。 任何的意見都將會有幫助。

  $( window ).on( "load", function() {
    var val = $('#zip').val();
if (val.length === 5) {
                    $.ajax({
                        type:'GET',
                         dataType: "json",
                        cache: true,
                        url: "../api/Getstatelist/" + val,
                        success: function (html) {
                            $.each(html,function(key,value){
 $('#state').append($('<option></option>').val(value.State).html(value.State));
});
$.each(html,function(key,value){
$('#city').append($('<option></option>').val(value.City).html(value.City));
});
                        }
                    }); 
                }

}