为什么';Javascript是否通过id将值传递给textbox MVC?
我正在尝试将lat和long添加到提供的文本框中。 这似乎是一个问题,因为当我将地址硬编码到变量中时,它返回lat和long,但只要我通过文本框值检索地址,它就不起作用了。为什么 以下是包含代码的视图:为什么';Javascript是否通过id将值传递给textbox MVC?,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我正在尝试将lat和long添加到提供的文本框中。 这似乎是一个问题,因为当我将地址硬编码到变量中时,它返回lat和long,但只要我通过文本框值检索地址,它就不起作用了。为什么 以下是包含代码的视图: <div class="form-group"> @Html.LabelFor(model => model.StreetNr, new { @class = "control-label col-md-2" }) <div class="col-md-1
<div class="form-group">
@Html.LabelFor(model => model.StreetNr, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.StreetNr)
@Html.ValidationMessageFor(model => model.StreetNr)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.StreetName, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.StreetName)
@Html.ValidationMessageFor(model => model.StreetName)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Suburb, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Suburb)
@Html.ValidationMessageFor(model => model.Suburb)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Town, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Town)
@Html.ValidationMessageFor(model => model.Town)
</div>
</div>
create_click = function () {
var geocoder = new google.maps.Geocoder();
//var address = 'summerstrand';
var address = '102 Prince Alfred North End Port Elizabeth'
//var address = document.getElementById('StreetNr').value + ' ' + document.getElementById('StreetName').value + ' ' + document.getElementById('Suburb') + ' ' + document.getElementById('Town');
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();
//alert('Lat' + " " + latitude + " " + 'long' + " " + longitude);
document.getElementById('EventLat').value = latitude;
document.getElementById('EventLong').value = longitude;
}
else {
alert("Location not found, Please enter a valid address");
document.getElementById('StreetNr').value = " ";
document.getElementById('StreetName').value = " ";
document.getElementById('Suburb').value = " ";
document.getElementById('Town').value = " ";
document.getElementById('ZipCode').value = " ";
}
});
document.getElementById('Get_Location').click();
};
@LabelFor(model=>model.StreetNr,新的{@class=“controllabel col-md-2”})
@EditorFor(model=>model.StreetNr)
@Html.ValidationMessageFor(model=>model.StreetNr)
@Html.LabelFor(model=>model.StreetName,新的{@class=“controllabel col-md-2”})
@EditorFor(model=>model.StreetName)
@Html.ValidationMessageFor(model=>model.StreetName)
@LabelFor(model=>model.郊区,新的{@class=“controllabel col-md-2”})
@EditorFor(model=>model.com)
@Html.ValidationMessageFor(model=>model.com)
@LabelFor(model=>model.Town,新的{@class=“controllabel col-md-2”})
@EditorFor(model=>model.Town)
@Html.ValidationMessageFor(model=>model.Town)
创建\单击=函数(){
var geocoder=new google.maps.geocoder();
//变量地址='summerstrand';
var地址='102 Prince Alfred North End Port Elizabeth'
//var address=document.getElementById('StreetNr')。value++'+document.getElementById('StreetName')。value++'+document.getElementById('郊区')++'+document.getElementById('Town');
geocoder.geocode({'address':address},函数(结果,状态){
if(status==google.maps.GeocoderStatus.OK){
var latitude=results[0]。geometry.location.lat();
var longitude=results[0]。geometry.location.lng();
//警报('Lat'+''纬度+''长'+''经度);
document.getElementById('EventLat')。值=纬度;
document.getElementById('EventLong')。值=经度;
}
否则{
警报(“未找到位置,请输入有效地址”);
document.getElementById('StreetNr')。value=“”;
document.getElementById('StreetName')。value=“”;
document.getElementById(‘郊区’).value=“”;
document.getElementById('Town')。value=“”;
document.getElementById('ZipCode')。value=“”;
}
});
document.getElementById('Get_Location')。单击();
};
试试这个:
var geocoder = new google.maps.Geocoder();
//var address = 'summerstrand';
var address = document.getElementById('StreetNr').value + ' ' + document.getElementById('StreetName').value + ' ' + document.getElementById('Suburb').value + ' ' + document.getElementById('Town').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();
//alert('Lat' + " " + latitude + " " + 'long' + " " + longitude);
document.getElementById('EventLat').value = latitude;
document.getElementById('EventLong').value = longitude;
}
else {
alert("Location not found, Please enter a valid address");
document.getElementById('StreetNr').value = " ";
document.getElementById('StreetName').value = " ";
document.getElementById('Suburb').value = " ";
document.getElementById('Town').value = " ";
document.getElementById('ZipCode').value = " ";
}
});
你忘了给郊区和城镇以价值
还请检查您是否通过使用从控制台中的编辑器获得正确的地址
控制台日志(地址) 试试这个:
var geocoder = new google.maps.Geocoder();
//var address = 'summerstrand';
var address = document.getElementById('StreetNr').value + ' ' + document.getElementById('StreetName').value + ' ' + document.getElementById('Suburb').value + ' ' + document.getElementById('Town').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();
//alert('Lat' + " " + latitude + " " + 'long' + " " + longitude);
document.getElementById('EventLat').value = latitude;
document.getElementById('EventLong').value = longitude;
}
else {
alert("Location not found, Please enter a valid address");
document.getElementById('StreetNr').value = " ";
document.getElementById('StreetName').value = " ";
document.getElementById('Suburb').value = " ";
document.getElementById('Town').value = " ";
document.getElementById('ZipCode').value = " ";
}
});
你忘了给郊区和城镇以价值
还请检查您是否通过使用从控制台中的编辑器获得正确的地址
控制台日志(地址) 试试这个:
var geocoder = new google.maps.Geocoder();
//var address = 'summerstrand';
var address = document.getElementById('StreetNr').value + ' ' + document.getElementById('StreetName').value + ' ' + document.getElementById('Suburb').value + ' ' + document.getElementById('Town').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();
//alert('Lat' + " " + latitude + " " + 'long' + " " + longitude);
document.getElementById('EventLat').value = latitude;
document.getElementById('EventLong').value = longitude;
}
else {
alert("Location not found, Please enter a valid address");
document.getElementById('StreetNr').value = " ";
document.getElementById('StreetName').value = " ";
document.getElementById('Suburb').value = " ";
document.getElementById('Town').value = " ";
document.getElementById('ZipCode').value = " ";
}
});
你忘了给郊区和城镇以价值
还请检查您是否通过使用从控制台中的编辑器获得正确的地址
控制台日志(地址) 试试这个:
var geocoder = new google.maps.Geocoder();
//var address = 'summerstrand';
var address = document.getElementById('StreetNr').value + ' ' + document.getElementById('StreetName').value + ' ' + document.getElementById('Suburb').value + ' ' + document.getElementById('Town').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();
//alert('Lat' + " " + latitude + " " + 'long' + " " + longitude);
document.getElementById('EventLat').value = latitude;
document.getElementById('EventLong').value = longitude;
}
else {
alert("Location not found, Please enter a valid address");
document.getElementById('StreetNr').value = " ";
document.getElementById('StreetName').value = " ";
document.getElementById('Suburb').value = " ";
document.getElementById('Town').value = " ";
document.getElementById('ZipCode').value = " ";
}
});
你忘了给郊区和城镇以价值
还请检查您是否通过使用从控制台中的编辑器获得正确的地址
控制台日志(地址) 这段简单的代码解决了这个问题 返回的错误是:值“[object HTMLInputElement]”无效 以下是我的问题的解决方案:
var address1 = document.getElementById("StreetNr").value + " " + document.getElementById("StreetName").value;
var address2 = document.getElementById("Suburb").value + " " + document.getElementById("Town").value;
var address = address1 + " " + address2;
这段简单的代码解决了这个问题 返回的错误是:值“[object HTMLInputElement]”无效 以下是我的问题的解决方案:
var address1 = document.getElementById("StreetNr").value + " " + document.getElementById("StreetName").value;
var address2 = document.getElementById("Suburb").value + " " + document.getElementById("Town").value;
var address = address1 + " " + address2;
这段简单的代码解决了这个问题 返回的错误是:值“[object HTMLInputElement]”无效 以下是我的问题的解决方案:
var address1 = document.getElementById("StreetNr").value + " " + document.getElementById("StreetName").value;
var address2 = document.getElementById("Suburb").value + " " + document.getElementById("Town").value;
var address = address1 + " " + address2;
这段简单的代码解决了这个问题 返回的错误是:值“[object HTMLInputElement]”无效 以下是我的问题的解决方案:
var address1 = document.getElementById("StreetNr").value + " " + document.getElementById("StreetName").value;
var address2 = document.getElementById("Suburb").value + " " + document.getElementById("Town").value;
var address = address1 + " " + address2;
您没有提供完整的代码您没有提供完整的代码您没有提供完整的代码您没有提供完整的代码您没有提供完整的代码