Question

我试图找出如何在html标签的href中动态显示链接。我目前有以下代码显示我输入的值，但我希望此代码在标签href中显示一个点击网址。

有人可以帮忙吗？

HTML表单代码：

<input type="text" id="testTextareadestinationurl" autocomplete="off" size="57" maxlength="2500" name="destinationurl" class="required"/>
<span id='UrlDestinationurl'><?php echo  $destinationurl;?></span>
<a href="" target="_blank"><img src=""></a>

javascript代码：

var testTextareadestinationurl = document.getElementById('testTextareadestinationurl');
testTextareadestinationurl.onkeydown = updateUrlDestinationurl;
testTextareadestinationurl.onkeyup = updateUrlDestinationurl;
testTextareadestinationurl.onkeypress = updateUrlDestinationurl;
function updateUrlDestinationurl() {
    document.getElementById('UrlDestinationurl').innerHTML = this.value || "";
}

function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
}

Answer 1

您基本上错过了updateUrlDestinationurl功能：

document.getElementById('anchorUrlDestinationurl').href = "http://" + this.value || "";

假设你给了一个id＆＃39; anchorUrlDestinationurl＆＃39;到你的目标<a>元素。

不要提前＆＃34; http：//＆＃34;取决于您要输入的内容。

Here's a fiddle.

P.S。你不需要处理所有这三个按键事件，但我认为你的代码是某些东西的一部分......

使用javascript动态显示网址链接

1 个答案: