Javascript 将位置属性填充到文本区域,而不是警报
我有一个基于经度和纬度检索当前位置的函数。 但是,我希望使用检索到的结果自动填充文本区域(此处填充),而不是提示警报Javascript 将位置属性填充到文本区域,而不是警报,javascript,html,cordova,Javascript,Html,Cordova,我有一个基于经度和纬度检索当前位置的函数。 但是,我希望使用检索到的结果自动填充文本区域(此处填充),而不是提示警报 <!DOCTYPE html> <html> <head> <script> function getPosition() { var options = { enableHighAccuracy: true, maximumAge: 3600000 } var watchID = navigator.geolocat
<!DOCTYPE html>
<html>
<head>
<script>
function getPosition() {
var options = {
enableHighAccuracy: true,
maximumAge: 3600000
}
var watchID = navigator.geolocation.getCurrentPosition(onSuccess, onError, options);
function onSuccess(position) {
alert('Latitude: ' + position.coords.latitude + '\n' +
'Longitude: ' + position.coords.longitude + '\n');
};
function onError(error) {
alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
}
}
</script>
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Test</h1>
</div>
<div data-role="main" class="ui-content">
<form name="bmiform" id="bmiform" action="result.html">
<input type="hidden" name="actualbmi">
<label for="Location">Location:</label><button onclick = "onSuccess" id = "getPosition">PAN</button>
<input type="text" name="Location" id="location" placeholder = "Populate Here" (document.getElementsByName('onSuccess')[0].value)>
<br>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
函数getPosition(){
变量选项={
EnableHighAccurance:正确,
最高限额:3600000
}
var watchID=navigator.geolocation.getCurrentPosition(onSuccess、onError、options);
成功时的功能(位置){
警报('Latitude:'+position.coords.Latitude+'\n'+
'经度:'+position.coords.Longitude+'\n');
};
函数onError(错误){
警报('code:'+error.code+'\n'+'消息:'+error.message+'\n');
}
}
试验
地点:潘
假设您在html中有一个跨度
<span id="myspan"><span>
您可以尝试自己添加经度。祝你好运 欢迎来到SO。你已经试过什么了?你的代码有什么问题?您在开发工具中遇到了什么错误(如果有的话)?请记住,您可以插入代码段!这就像在你的问题中有一个小小的jsbin。这个问题很混乱。代码的格式不整齐。它在JavaScript和HTML之间切换,就像它们是同一种语言一样。它将抛出语法错误,这些错误将显示在控制台中(并且没有任何迹象表明要查看这些错误消息或询问它们的含义)。它询问一个“文本区域”,然后使用
而不是
@Quentin抱歉,我已经编辑了代码的格式。一定要看一看。
var span = document.getElementById("myspan");
var text = document.createTextNode(position.coords.latitude);
span.innerHTML = ''; // clear existing
span.appendChild(text);