javascript - 如何通过JS改变元素的输入值

Question

我正在尝试通过 JS 为我的 ionic 输入元素分配一个值。这是我的代码:

HTML:

<ion-input type="text" placeholder=" Enter a location" style="padding-left: 10px;" id="geolocation"></ion-input>

JavaScript:

function onSuccess(position) {
        var element = document.getElementById('geolocation').value = position.coords.latitude  + ',' + position.coords.longitude;
        //element.value =  position.coords.latitude  + ',' + position.coords.longitude + element.value;

    }

我无法更改我的输入元素的值，我想将 position.coords.latitude + ',' + position.coords.longitude 作为我的输入元素的值。

希望得到快速答复。谢谢!

Answer 1

假设您以数组形式正确接收纬度和经度，代码应如下所示:

function onSuccess(position) {
        document.getElementById('geolocation').setAttribute("value", latitude + ', ' + longitude);
}

在这里测试:https://jsfiddle.net/nabtron/qy96n44k/

解释:

这里我们简单地通过使用其 Id 调用元素并设置其属性值，如下所述:https://nabtron.com/javascript-tips/