根據選定的選項更改文本字段

我試圖建立一個輸入文本字段（我不確定要調用它，基本上是一個文本框，可以單擊並輕鬆複製），它顯示不同的信息基於選擇了哪些選項。我見過的最好的工作例子就是在YouTube上使用。以下是一個隨機視頻的鏈接，以便您看到它的外觀：http://youtu.be/4VewFkix7qg。當用戶點擊視頻下方的「分享」時，帶有視頻網址的文本字段可供用戶複製。但是，如果用戶選擇諸如「HD Link」或「Long Link」之類的選項之一，則文本字段將更改爲顯示不同的URL。根據選定的選項更改文本字段

我想爲我正在進行的項目做同樣的事情。當我選擇不同的選項時，我需要在文本框中顯示不同的結果。有誰知道如何解決我的問題或涵蓋此主題的任何資源？

我對JavaScript或PHP知之甚少，因此非常感謝「沉默寡言」的迴應。

在此先感謝您提供的任何幫助。

來源

2012-03-26 Justin K

那麼，這取決於你想要觸發哪些事件改變文本框的內容。它可以是按鈕單擊，它可以是混亂的，它可以幾乎everythng。涵蓋所有例子將會有點困難。 – Kedor 2012-03-26 17:57:57

那麼，你可以用多種方式做到這一點。你覺得使用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; 
}

當然，這是的simpliest例子之一。那是你需要的嗎？

工作例如：jsFiddle

這裏是例如與焦點/選擇的所有效果：jsFiddle again. Select all effect

單選按鈕，然後選擇列表：jsFiddle

希望的東西是你所期待的。

來源

2012-03-26 18:06:11 Kedor

這是完美的！謝謝你的幫助。雖然有一個問題。我可以使用哪些代碼來一次只選擇一個單選按鈕。 – 2012-03-26 18:26:17

''只需添加'name'標籤，就可以確定組別，其他名稱，其他組別。在同一組內，只能選擇一個收音機。修正示例：http://jsfiddle.net/DcnKH/5/ – Kedor 2012-03-26 18:50:02

太棒了！謝謝！ – 2012-03-26 19:05:23

根據選定的選項更改文本字段

回答

相關問題