如何通过JS更改<ion-input> </ ion-input>元素的输入值

吉恩·朱(Jean Chu)

我试图通过JS为我的离子输入元素分配一个值。这是我的代码:

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作为输入元素的值。

希望能有一个快速的答案。谢谢!

纳比尔·汗(Nabeel Khan)

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

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

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

解释:

在这里,我们仅通过使用其ID来调用该元素,并按以下说明设置其属性值:https : //nabtron.com/javascript-tips/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过JS更改<ion-input> </ ion-input>元素的输入值

来自分类Dev

ion-input:检查ionInput上的输入并将焦点设置在下一个字段

来自分类Dev

如何获取<ion-select> no jQuery的值

来自分类Dev

当用户更改值时从ION滑块获取日期值

来自分类Dev

当用户更改值时从ION滑块获取日期值

来自分类Dev

如何使用Koush ION获取HttpStatsCode之类的HttpResponseMessage的值

来自分类Dev

如何防止ion-checkbox选择相同的项目值?

来自分类Dev

如何通过<Input>动态更改JQuery值?

来自分类Dev

在 ion-item 内部堆叠元素

来自分类Dev

获取 Angular 中 ion-rangeslider 的值

来自分类Dev

更改ion auth中的默认功能

来自分类Dev

如何禁用ion-fab按钮?

来自分类Dev

如何在 ion-header-bar 上设置元素,因为它覆盖了元素?

来自分类Dev

如何与ng2文件一起提交输入数据上传Angular ION

来自分类Dev

在 Ionic 2 中使用 <ion-segment> 时如何显示 <ion-navbar> 的阴影/边框

来自分类Dev

离子:无法单击<ion-checkbox>中的<a>元素

来自分类Dev

离子:无法单击<ion-checkbox>中的<a>元素

来自分类Dev

在 ion-datetime Ionic 4 中设置默认值

来自分类Dev

Angular 7 中的 Ion.RangeSlider 更改状态

来自分类Dev

如何获取<input>的值

来自分类Dev

如何使Ionic中的导航栏(ion-nav-bar)透明?

来自分类Dev

如何在ION库中创建PUT请求

来自分类Dev

如何处理与Ion的互联网连接(Android库)?

来自分类Dev

如何使Ionic 4 ion-col具有相同的高度

来自分类Dev

如何在ion auth中显示IP地址

来自分类Dev

如何使Ionic中的导航栏(ion-nav-bar)透明?

来自分类Dev

如何分配预定义堆类型的ION内存?

来自分类Dev

如何自定义 ion-tab tabtitle 字体?

来自分类Dev

如何使 ion-col 在 col 上展开文本

Related 相关文章

  1. 1

    如何通过JS更改<ion-input> </ ion-input>元素的输入值

  2. 2

    ion-input:检查ionInput上的输入并将焦点设置在下一个字段

  3. 3

    如何获取<ion-select> no jQuery的值

  4. 4

    当用户更改值时从ION滑块获取日期值

  5. 5

    当用户更改值时从ION滑块获取日期值

  6. 6

    如何使用Koush ION获取HttpStatsCode之类的HttpResponseMessage的值

  7. 7

    如何防止ion-checkbox选择相同的项目值?

  8. 8

    如何通过<Input>动态更改JQuery值?

  9. 9

    在 ion-item 内部堆叠元素

  10. 10

    获取 Angular 中 ion-rangeslider 的值

  11. 11

    更改ion auth中的默认功能

  12. 12

    如何禁用ion-fab按钮?

  13. 13

    如何在 ion-header-bar 上设置元素,因为它覆盖了元素?

  14. 14

    如何与ng2文件一起提交输入数据上传Angular ION

  15. 15

    在 Ionic 2 中使用 <ion-segment> 时如何显示 <ion-navbar> 的阴影/边框

  16. 16

    离子:无法单击<ion-checkbox>中的<a>元素

  17. 17

    离子:无法单击<ion-checkbox>中的<a>元素

  18. 18

    在 ion-datetime Ionic 4 中设置默认值

  19. 19

    Angular 7 中的 Ion.RangeSlider 更改状态

  20. 20

    如何获取<input>的值

  21. 21

    如何使Ionic中的导航栏(ion-nav-bar)透明?

  22. 22

    如何在ION库中创建PUT请求

  23. 23

    如何处理与Ion的互联网连接(Android库)?

  24. 24

    如何使Ionic 4 ion-col具有相同的高度

  25. 25

    如何在ion auth中显示IP地址

  26. 26

    如何使Ionic中的导航栏(ion-nav-bar)透明?

  27. 27

    如何分配预定义堆类型的ION内存?

  28. 28

    如何自定义 ion-tab tabtitle 字体?

  29. 29

    如何使 ion-col 在 col 上展开文本

热门标签

归档