将文本框中的值转换为单击按钮时的 href 或超链接？

Question

我需要您的一些专家建议！我整天都在为这个问题苦苦挣扎。

我有这个小提琴：http://jsfiddle.net/fag9n52y/109/

我在小提琴的“HTML”部分评论了脚本的作用以及我的主要问题。

表单的工作原理：

1. 用户点击“Coordinate1”文本输入。

2. Google 地图模式弹出窗口启动。

3. 然后用户在地图上选择一个位置。

4. 一旦在地图上触发 eventclick，该位置的坐标就会自动插入到文本框中。

5. 用户点击“继续”按钮。

6. 结束。

我需要做什么：

1. 用户点击“Coordinate1”文本输入。

2. Google 地图模式弹出窗口启动。

3. 然后用户在地图上选择一个位置。

4. 一旦在地图上触发 eventclick，该位置的坐标就会自动插入到文本框中。

5. 用户点击“继续”按钮。

6. 坐标转换成这个超链接/href：“https://www.google.com/maps/places/ + {VALUE OF COORDINATE1}”。

7. 结束。

我尝试过的：我尝试过添加这段代码（这不在小提琴中）：

function convertToLink() {
  var coor = document.getElementById('Coordinate1');
  var link2 = "https://www.google.com/maps/places";
  var ContinueButton = document.getElementById('Continue1');

  ContinueButton.onclick = function(){
    coor.value = link2 + coor;         
  };                       
};

Answer 1

getElementById() 返回一个 dom 节点，但您需要该节点的值

改变

var coor = document.getElementById('Coordinate1');

到

var coor = document.getElementById('Coordinate1').value;