Question

我的代码来自Google Map Marker。我在这周围几天。现在我在map_process.php

中有这个代码

$mName      = filter_var($_POST["name"], FILTER_SANITIZE_STRING);
$mAddress   = filter_var($_POST["address"], FILTER_SANITIZE_STRING);
$mType      = filter_var($_POST["type"], FILTER_SANITIZE_STRING);


$results = $mysqli->query("INSERT INTO markers (name, address, lat, lng, type) VALUES ('$mName','$mAddress',$mLat, $mLng, '$mType')");
if (!$results) {  
      header('HTTP/1.1 500 Error: Could not create marker!'); 
      exit();

}

$output = '<h1 class="marker-heading">'.$mName.'</h1><p>'.$mAddress.'</p><p>'.$mType.'</p>';
exit($output);

}

我希望将输入框中插入的文本更改为可点击的链接。你能救我吗？

我正在尝试这样的事情

    <html> 
<head> 
<title>Links</title> 
<script type="text/javascript"> 
function CreateLink() { 
  var str = ''; 
  str += '<a href="http://'+document.getElementById('TBox').value+'">'+document.getElementById('TBox').value+'</a>'; 
  var txt = "<p>";  
  var tmp = 'http://'+document.getElementById('TBox').value; 
  str += txt.link(tmp); 
  document.getElementById('tlink').innerHTML = str; 
} 
</script> 
</head> 
<body> 
<input type="text" id="TBox" value="" size="40"> 
<button onclick="CreateLink()">Create Link</button> 

<br> 
<div id="tlink"></div> 

</body> 
</html>

Answer 1

.link方法使用参数中指定的href将文本包装在锚标记周围。这是一个更简洁的实现：

function CreateLink() {
    var txt = document.getElementById('TBox').value;
    var href = 'http://' + txt;
    var str = txt.link(href);

    document.getElementById('tlink').innerHTML = str;
}

fiddle

将输入框更改为超链接

1 个答案: