大佬教程收集整理的这篇文章主要介绍了尝试将 javascript 值动态插入到 asp 标签助手元素中,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@page
@model Vescoverer.Pages.Registration.LOCATIOnModel
@{
VIEwData["title"] = "LOCATIOn";
}
<div class="row">
<div class="col-md-4">
<form method="post">
<div asp-valIDation-sum@R_262_11035@="ModelOnly" class="text-danger"></div>
<div ID="long" class="form-group">
<label asp-for="User.Longitude" class="control-label"></label>
<input ID="long" asp-for="User.Longitude" class="form-control" />
<span asp-valIDation-for="User.Longitude" class="text-danger"></span>
</div>
<div ID="lat"class="form-group">
<label asp-for="User.Latitude" class="control-label"></label>
<input asp-for="User.Latitude" class="form-control" v />
<span asp-valIDation-for="User.Latitude" class="text-danger"></span>
</div>
<div class="form-group">
<input asp-for="User.Longitude" type="submit" value="Next" class="btn btn-pri@R_262_11035@" />
</div>
</form>
<button onclick="getLOCATIOn()">Get LOCATIOn</button>
</div>
</div>
<script>
var lat = document.getElementByID("lat");
var long = document.getElementByID("long");
function getLOCATIOn() {
if (navigator.geoLOCATIOn) {
navigator.geoLOCATIOn.getCurrentposition(showposition);
} else {
lat.INNERHTML = "GeoLOCATIOn is not supported by this browser.";
}
}
function showposition(position) {
lat.INNERHTML = position.coords.latitude;
long.INNERHTML = position.coords.longitude;
$.AJAX(
{
type: "POST",//http POST Method
url: "LOCATIOn",data: { //Passing data
Longitude: //insert data value,//Reading text Box values using Jquery
Latitude: //insert data value
}
});
}
</script>
我希望经度和纬度结果进入适当的表单输入值,当用户单击“获取位置”时将其传递到后端,而不是结果将表单值替换为 INNERHTML 字符串。我知道 asp-for 标签 heper 处理服务器端方面,但我不确定如何让 JavaScript 结果显示在表单值中。因此,当用户按下下一步时,数据被传递到数据库中,正如您所看到的,我也在尝试使用 AJAX,但我不太确定。
您可以使用“.val(value)”方法来设置匹配元素集中每个元素的值。
$("input[name*='Latitud']").val(position.coords.latitudE);
$("input[name*='Longitude']").val(position.coords.longitudE);
结果
模型
public class User
{
public String Longitude { get; set; }
public String Latitude { get; set; }
}
xxx.cshtml.cs
public class IndexModel : PageModel
{
private readonly ILogger<IndexModel> _logger;
public IndexModel(ILogger<IndexModel> logger)
{
_logger = logger;
}
[BindProperty]
public new User User { get; set; }
public void OnGet()
{
}
public void OnPost()
{
}
}
xxx.cshtml
@page
@model IndexModel
@{
ViewData["title"] = "Home page";
}
<div class="row">
<div class="col-md-4">
<form method="post">
<div asp-validation-sum@R_262_11035@="ModelOnly" class="text-danger"></div>
<div id="long" class="form-group">
<label asp-for="User.Longitude" class="control-label"></label>
<input id="long" asp-for="User.Longitude" class="form-control" />
<span asp-validation-for="User.Longitude" class="text-danger"></span>
</div>
<div id="lat" class="form-group">
<label asp-for="User.Latitude" class="control-label"></label>
<input asp-for="User.Latitude" class="form-control" v />
<span asp-validation-for="User.Latitude" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="Next" class="btn btn-pri@R_262_11035@" />
</div>
<button type="button" onclick="getLOCATIOn()">Get LOCATIOn</button>
</form>
</div>
</div>
@section scripts{
<script>
function getLOCATIOn() {
if (navigator.geoLOCATIOn) {
navigator.geoLOCATIOn.getCurrentPosition(showPosition);
} else {
lat.innerHTML = "GeoLOCATIOn is not supported by this browser.";
}
}
function showPosition(position) {
$("input[name*='Latitud']").val(position.coords.latitudE);
$("input[name*='Longitude']").val(position.coords.longitudE);
}
</script>
}
以上是大佬教程为你收集整理的尝试将 javascript 值动态插入到 asp 标签助手元素中全部内容,希望文章能够帮你解决尝试将 javascript 值动态插入到 asp 标签助手元素中所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。