選択したオプションに基づいてテキストフィールドを変更する

Question

入力テキストフィールドを作成しようとしています（私はそれを何と呼ぶべきかわかりませんが、クリックすると簡単にコピーできるテキストボックスです）。どのオプションが選択されているか。これまで私が見てきた最高の実例はYouTubeで使われています。ここにランダムな動画へのリンクがありますので、それはどのように見えるかを見ることができます：http://youtu.be/4VewFkix7qg。ユーザーがビデオの下の「共有」をクリックすると、ビデオのURLを含むテキストフィールドがユーザーがコピーできるようになります。ただし、ユーザーが「HD Link」や「Long Link」などのオプションを選択すると、テキストフィールドが変わり、別のURLが表示されます。

私が取り組んでいるプロジェクトでも同じことをしたいと思います。さまざまなオプションが選択されているときに異なる結果を表示するには、テキストフィールドが必要です。誰も私の問題やこのトピックをカバーするリソースを解決する方法を知っていますか？

私はJavaScriptやPHPについてよく分かりませんので、 "落ち込んだ"返答をいただければ幸いです。

ご協力いただきありがとうございます。

Answer 1

さて、あなたはこれを複数の方法で行うことができます。 jQueryを使用したいと思いますか？

純粋なJavaScriptで、あなたはそのようにそれを行うことができます。最も単純な例の一つだ。もちろん、

<input type="text" value="" id="mybox" size="100"><br> 
<input type="button" value="Button Click" onClick="change('button')"><br> 
<div onmouseover="change('OnMouseOver')" onmouseout="change('OnMouseOut')"> Some div</div> 

function change(x) { 
    document.getElementById("mybox").value = "Changed by " + x; 
} 

。それはあなたが必要とするものですか？

の作業例は：jsFiddleここ

を中心とした例である/すべてのエフェクトを選択：jsFiddle again. Select all effect

ラジオボタン、および選択リスト：jsFiddle

ホープ何かが、あなたが探していたものです。