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

Question

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

我有这个 fiddle :http://jsfiddle.net/fag9n52y/109/

我已经评论了脚本的作用，并在 fiddle 的“HTML”部分评论了我的主要问题。

表单的工作原理:

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

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

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

4. 一旦在 map 上触发事件点击，位置坐标就会自动插入到文本框中。

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

6. 结束。

我需要做什么:

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

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

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

4. 一旦在 map 上触发事件点击，位置坐标就会自动插入到文本框中。

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

6. 坐标将转换为以下超链接/href:“https://www.google.com/maps/places/ + {VALUE OF COORDINATE1}”。

7. 结束。

我尝试过的:我尝试添加这段代码(这不在 fiddle 中):

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;