将警报值传递到输入字段

时间:2016-10-11 07:07:26

标签: javascript html cordova

我有一个功能可以提醒我当前的经度和纬度。 但是,我不想提醒这个值。 相反,我希望在点击" Pan"

后将此值输入位置文本框
<html>    
<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>

<body>
    <div data-role="page" data-theme="b">
        <div data-role="header">
            <h1>Test</h1>
        </div>
    </div>

    <br>
    <br> 

    <label for="Location">Location:</label>
    <button onclick = "getPosition()" id = "getPosition">PAN</button>
    <input type="text" name="Location" id="location">
    <br>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

在您的成功功能中,您应该设置位置输入文本框的值,而不是进行警报

function onSuccess(position) {
    var input = document.getElementById('location');

    input.value = position.coords.latitude + ', ' + position.coords.longitude;
}