Javascript 是否在同一文本框中单击按钮时将文本转换为超链接？

你好

我需要将文本框中的文本转换为超链接

问题是，新链接必须显示在文本框中

我正在使用谷歌地图上的一个脚本，一旦用户在模式谷歌地图弹出窗口中选择了一个位置，就会自动将坐标输入文本框。当他们选择位置后按“继续”时，这些坐标必须添加在此url“坐标”之后，这将为用户提供指向其位置的链接（如果用户需要）

因此，一旦他们点击地图，坐标就已经填充了。按下“继续”键后，只需在坐标前添加谷歌地图url，即可创建链接

任何帮助都将不胜感激

$（文档）.ready（函数（）{
$（“#取消”）。单击（函数（）{//关闭coordinate1类并清除coordinate1值
$（“.Coor1”）.hide（）；
$（“#坐标1”）.val（“”）；
});
$（“#clearFields”）。单击（函数（）{//清除坐标1值
$（“#坐标1”）.val（“”）；
});
});
var center=new google.maps.LatLng（23.578462278048715,45.40855407714844）；
函数初始化（）{
变量映射选项={
缩放：5，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：中心
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
var marker=new google.maps.marker({
地图：地图，
位置：中
});
google.maps.event.addListener（映射，'click'，函数（事件）{
google.maps.event.trigger（映射，'resize'）；
$（“#Coordinate1”）.val（event.latLng.lat（）+”，“+event.latLng.lng（））；
$（“#坐标1”）。选择（）；
if（marker）{marker.setMap（null）；}
marker=new google.maps.marker（{position:event.latLng，map:map}）；
map.panTo（marker.getPosition（））；
});
}
$（文档）.ready（函数（）{
$（'#Coordinate1'）。在（'click'，函数（）{
$（'#model'）。model({
键盘：错误
}).on（'show.bs.modal'，函数（）{
google.maps.event.trigger（映射，'resize'）；
地图设置中心（中心）；
});
});
});
google.maps.event.addDomListener（窗口“加载”，初始化）
body、.modal open.page container、.modal open.page container.navbar固定顶部、.modal open.modal container{
溢出y：滚动；
}
@介质（最大宽度：979px）{
.模式打开.页面容器.导航栏固定顶部{
溢出y：可见；
}
}
#地图画布{
高度：400px；
}

继续
清楚的
取消
在这样的文本字段中没有真正的方法放置超链接。我对你的小提琴做了一点修改，用了一个跨度代替了文本字段。文本字段通常是用户输入，因此它们不是用来保存超链接的。也就是说，您可以在一段时间内实现类似的效果。请参见此处修改的小提琴：


我使用以下代码在span中创建超链接：

document.getElementById("Coordinate1").innerHTML="<a href = "+"https://www.google.com/maps/place/"+event.latLng.lat() + "," + event.latLng.lng()+">https://www.google.com/maps/place/"+event.latLng.lat() + "," + event.latLng.lng()+"</a>";

document.getElementById（“Coordinate1”）.innerHTML=“”；

我稍微改变了一下设计，使它能工作。我在单词“launchmap”周围放了一个div，并将其设置为单击“launchmap”启动地图的位置。我还将文本输入更改为一个span，并放置了一个占位符“Maps URL Here”。只要单击地图创建标记，该占位符将立即替换为超链接。它将被一个指向maps.google.com的超链接所取代，这样它就可以打开到与标记相同的纬度、液化天然气坐标

我希望这有帮助
 你可以发布你的代码，你已经尝试了什么。”“这是表单必需的链接。我现在就发布代码。”。