如何通过Java脚本输入邮政编码自动完成城市状态
How To Auto Complete City State By Entering Zipcode Through Java Script My Code Attached?
我通过使用谷歌地图API输入zipcode获得城市状态,我的代码如下,
google map API link,
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
通过邮政编码获取城市状态的脚本,
<script type="text/javascript">
var zip ="34200";
var lat;
var lng;
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': zip }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
geocoder.geocode({'latLng': results[0].geometry.location}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[1]) {
var loc = getCityState(results);
document.getElementById("TextBox1").value=loc;
}
}
});
}
});
function getCityState(results)
{
var a = results[0].address_components;
var city, state;
for(i = 0; i < a.length; ++i)
{
var t = a[i].types;
if(compIsType(t, 'administrative_area_level_1'))
state = a[i].long_name; //store the state
else if(compIsType(t, 'locality'))
city = a[i].long_name; //store the city
}
return (city + ', ' + state)
}
function compIsType(t, s) {
for(z = 0; z < t.length; ++z)
if(t[z] == s)
return true;
return false;
}
</script>
这里我硬编码zip值"34200",现在不是从zip文本框中获取,而是在文本框"TextBox1"中显示城市状态,如下所示,
<asp:TextBox ID="txtZip" runat="server" ToolTip="Enter Zip"></asp:TextBox>
<asp:TextBox ID="TextBox1" runat="server" ForeColor="Gray"></asp:TextBox>
编辑:
如何使用这个jquery脚本与我的JS自动完成??
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
我怎么能得到自动完成城市状态当我把邮政编码在"txtZip"??
希望你的建议
谢谢
从zip文本框中获取值,就像您设置城市一样。
var zip = document.getElementById("txtZip").value
希望能有所帮助
相关文章:
- 事件和状态
- 从城市名称获取惊喜
- 获取选择框的状态
- 相位器状态未捕获参考错误
- 如何更改reactjs中外部/独立组件的状态或属性
- 如何使用密码检测网络中的状态连接
- Ember.js-接口状态应该存储在哪里
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 州和城市选择框类似于国家细分页面
- 在Angular 2中布线期间保持零部件处于活动状态
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- XMLHttpRequest未返回值-状态202
- 使用javascript反复检查用户在facebook上的登录状态
- 如何使bxslider仅在移动视图中处于活动状态
- 获取ASP.NET Ajax Timer状态
- React redux初始化功能,无论状态变化如何
- 无法在现有状态转换期间更新-未使用任何非法的setState()
- 我怎么能隐藏形式字段(城市& quot;状态),直到zip被填充
- Knockout JS级联状态/城市下拉列表(使用JSON)
- 如何通过Java脚本输入邮政编码自动完成城市状态