我在view1中有一个邮政编码文本框,当用户输入邮政编码并单击“下一步”以添加更多详细信息时,我会从view1传递邮政编码到view2。在view2中,我需要根据输入的邮政编码显示州和城市。我使用keyup来获取基于输入的邮政编码的城市和州。当我在view2中更改邮政编码时,它可以正常工作。但是,当我从view1到view2时,它就不起作用了。我需要在页面加载时触发邮政编码文本框的事件,也就是说在从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>