1

我试图弄清楚如何在 html a 标签的 href 中动态显示链接。我目前有以下代码在我键入时显示值,但我希望此代码在 a 标签 href 中显示点击 url。

有人可以帮忙吗?

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);
}
4

1 回答 1

2

你基本上从你的updateUrlDestinationurl功能中错过了这个:

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

假设您为目标<a>元素提供 'anchorUrlDestinationurl' 的 id。

根据您要在输入中键入的内容,不要在前面加上“http://”。

这是一个小提琴。

PS您不需要处理所有这三个按键事件,但我认为您的代码是某些东西的子集......

于 2013-09-12T03:04:39.647 回答