将 JavaScript 数据结果放入表单输入值
Place JavaScript data result to a form input value
好的,所以我有脚本在onClick之后从地理位置生成纬度和经度。 我现在希望这些坐标放在onClick之后的用户表单值字段中,而不是innerHTML。
我将如何做到这一点? 我还需要使用innerHTML吗?
我的表格详情:
<body>
<h1>Insert New Address</h1>
<form id="myForm" method="post" action="index3.php">
<input type="hidden" name="submitted" value="true">
<fieldset>
<legend>New Cafes</legend>
<label>Name<input type="text" name="name"></label>
<label>Address<input type="text" name="address"></label>
<label>Postcode<input type="text" name="address2"></label>
<label>Latitude<input type="text" name="lat" value="" id="addLat"></label>
<label>Longitude<input type="text" name="lng" value="" id="addLng"></label>
</fieldset>
<input type="submit" name="sub" value="Submit">
</form>
<p id="demo">Click the button to get your coordinates:</p>
<button onClick="getLocation()">Try It</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
重申一下,我希望生成的纬度和液化天然气结果自动放置在 for 的空"值"字段中,这样用户就不必手动放置在框中。
任何帮助非常感谢:)
获取元素并添加值?
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
document.getElementById('addLat').value = position.coords.latitude;
document.getElementById('addLng').value = position.coords.longitude;
}
小提琴
Basic JavaScript 101
设置表单元素的value
,输入没有innerHTML
。
function showPosition(position) {
document.getElementById("addLat").value = position.coords.latitude;
document.getElementById("addLng").value = position.coords.longitude;
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何在submit to sightly时将表单输入值作为参数传递给WCMUsePojo
- 单击鼠标,用MySQL数据填充html表单输入字段
- 从HTML表单发布blob的表单输入类型是什么
- 在不使用PHP的情况下将表单输入值获取到Javascript中
- 在Chrome中重新加载页面后清除表单输入值
- CasperJS填充表单-输入名称有方括号
- 表单输入字段随着溢出的文本而增长
- Highcharts:根据表单输入动态显示数据
- 如何在为表单输入分别处理$(this)和$时编写DRY代码
- 如何从AngularJS表单输入中生成一个永久变量
- 将表单输入保存到txt,弹出结果,不更改页面
- 在表单输入字段中创建默认值
- 如何根据提交表单时下拉框中的值禁用html表单输入框
- 使用jQuery延迟表单输入,并在延迟后在同一页面上显示结果
- Jquery无法找到给定表单id的表单输入
- 如何使用javascript验证在表单输入中避免负值、浮点值和十进制值
- 对表单输入执行计算
- Javascript 重复表单输入
- 使用 JavaScript 计算并添加表单输入的值