jquery - フォームのテキストエリアに、それが存在するページのURLを自動入力するにはどうすればよいですか？

Question

クライアントのWebサイトに「友達に送る」フォームがあります。フォームは、1つのことを除いてうまく機能します。現在のページのURLを取得して、フォームのテキストエリアに自動入力することができません。

下にスクロールすると、明るい青色のバーに[送信]リンクが表示されます。それをクリックすると、フォームが表示されます。

サイトは現在Windowsサーバー上にあるため、jQueryまたは同様にプラットフォームに依存しない他の何かを使用してこれを実行できることを望んでいますが、近い将来Linuxサーバーに移行する可能性があります。

ありがとう！

score 1 · Accepted Answer

jQueryで現在のページのURLを取得するには、次を使用できます。

$(location).attr('href')

または、jQueryを使用せずに現在のURLを読み取るには、次を使用できます。

document.URL

ページの読み込み時にテキストエリアにその値を入力するには

$(document).ready(function() {
    var message = 'check out ' + document.URL;
    $('#message').text(message);
});

score 0 · Accepted Answer

<textarea />ロード時に自動入力を取得するには、jQueryを使用しなくても実行できます。

次のHTMLがある場合に言います。

<textarea id="my-textarea"></textarea>

documentバニラJavaScriptを使用すると、準備ができた後に実行できる場所に次のJavaScriptを配置するだけです。

document.getElementById('my-textarea').innerHTML = window.location;

ここに簡単な例があります。

2 に答える 2