1

HTMLタグの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これらのキープレスイベントの3つすべてを処理する必要はありませんが、コードは何かのサブセットであると思います...

于 2013-09-12T03:04:39.647 に答える