繁体   English   中英

在页面加载时触发/绑定文本框的jquery事件

[英]trigger/bind jquery event for textbox on page load

当用户输入邮政编码时,我在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> 

我找到了解决方案。 添加了如下所示的加载功能。 我不确定这是正确的做法。 任何的意见都将会有帮助。

  $( 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));
});
                        }
                    }); 
                }

}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM