jquery 通过输入邮政编码从谷歌MapAPI获取经度和纬度[已关闭]

sr4lhrrt  于 2022-12-22  发布在  jQuery
关注(0)|答案(1)|浏览(116)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
5小时前关门了。
Improve this question
我需要得到的经度和纬度隐藏的文本字段从谷歌MapAPI的权利后输入邮政编码没有提交的形式。也许使用JavaScript的变化事件
超文本标记语言
JS脚本
'

<form id="form1" runat="server">
                    <div>
                        <table>
                            <tr>
                                <td>
                                    <input name="txtPostalCode" type="text" value=""  id="txtPostalCode" />
                                </td>
                  
                            </tr>
                            <tr>
                                <td>
                                    <input name="txtLatitude" type="hidden" id="txtLatitude" />
                                </td>
                                <td>
                                    <input name="txtLongitude" type="hidden" id="txtLongitude" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    </form>

'
'

function GetLocation() {
                    var geocoder = new google.maps.Geocoder();
                    var address = document.getElementById("txtPostalCode").value;
                    geocoder.geocode({ 'address': address }, function (results, status) {
                        if (status == google.maps.GeocoderStatus.OK) {
                            var latitude = results[0].geometry.location.lat();
                            var longitude = results[0].geometry.location.lng();
                            document.getElementById("txtLatitude").value = latitude;
                            document.getElementById("txtLongitude").value = longitude;
                        } else {
                            alert("Request failed.")
                        }
                    });
                };

'

6g8kf2rb

6g8kf2rb1#

在邮政编码输入中添加一个事件监听器,当文本长度为5时调用函数。
大概是这样的

var zipInput = document.getElementById('txtPostalCode');
zipInput.addEventListener('input', function(e) {
  if (e.target.value.length === 5) {
    GetLocation();
  }
});

相关问题