一旦用户在输入字段中输入有效的美国邮政编码值,如何自动填充城市和州输入字段
How to auto-populate the city and state input fields once user enters the valid United States zip code value into an input field?
实际上,我的网站中有这个工作功能。但突然间,我以AJAX响应的形式获取州和市的URL停止了工作。
现在我面临的最大问题是如何让这件事再次可行?
以下是我当前的代码:
HTML代码:
<input type="text" class="form-control" size="20" id="store_zipcode" name="store_zipcode" value="">
<input type="text" class="form-control" maxlength="50" readonly="readonly" name="store_city" id="store_city" value="">
<input type="text" class="form-control" readonly="readonly" name="store_state" id="store_state" value="" size="20">
jQuery AJAX代码:
//Function called in Store Add/Edit form when user enters valid US Zip Code value
function GetLocation() {
var geocoder = new google.maps.Geocoder();
var store_zipcode = $("#store_zipcode").val();
var complete_address = store_zipcode;
geocoder.geocode({ 'address': complete_address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
$("#store_longitude").val(longitude);
$("#store_latitude").val(latitude);
} else {
//alert("Request failed.")
}
});
var el = $(this);
if (el.val().length === 5) {
$.ajax({
url: "http://zip.elevenbasetwo.com",
cache: false,
dataType: "json",
type: "GET",
data: "zip=" + el.val(),
success: function(result, success) {
$("#store_city").val(result.city);
$("#store_state").val(result.state);
}
});
}
}
//Call to the function to display location details on Store add/edit form
$( "#store_zipcode" ).focusout(GetLocation);
还有一件事是,我无法将城市和州的名称存储到我的数据库中。我只能像上面那样从一些数据源中获取数据。但数据来源应该是可靠的。功能永远不应该崩溃。
如果你想了解更多关于我所说问题的信息,你可以在以下URL查看我刚刚问的问题:链接到以前问的问题。
看来elevenbasetwo.com域当前没有联机。zip.evenbasetwo.com子域没有有效的DNS条目,因此目前不会产生任何结果。这可能只是暂时的事情——几个小时后再试一次。
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 如何在HTML输入字段中添加不可删除的后缀
- 互斥单选按钮和相应的输入字段
- 在IE9中的输入字段中输入焦点最近按钮
- 选中单选框时将属性添加到输入字段
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 我如何在数字插入中使用逗号,这样它就不会'不要破坏我的输入字段
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 输入字段将't获取更新的值
- 如何选择多个输入字段并删除所需的属性
- 输入字段,只接受0到12之间的数字
- 单击鼠标,用MySQL数据填充html表单输入字段
- 使用jquery将输入字段转换为文本
- Model中的Typeahead返回空值以形成输入字段
- 如何从查询字符串中的输入字段发回文本
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- 将值传递给jquery创建的输入字段