根据所选选项更改文本字段答案

【问题标题】：Changing A Text Field Based On Selected Options根据所选选项更改文本字段
【发布时间】：2012-03-26 17:37:45
【问题描述】：

我正在尝试构建一个输入文本字段（我不知道该怎么称呼它。基本上是一个可以单击并轻松复制的文本框），它根据选择的选项显示不同的信息。我见过的最好的工作示例是在 YouTube 上使用的。这是一个随机视频的链接，您可以看到它的样子：http://youtu.be/4VewFkix7qg。当用户点击视频下方的“分享”时，带有视频网址的文本字段可供用户复制。但是，如果用户选择“高清链接”或“长链接”等选项之一，则文本字段会更改以显示不同的 URL。

我想为我正在进行的项目做同样的事情。 I need to the text field to display different results when different options are selected.有谁知道如何解决我的问题或涵盖该主题的任何资源？

我对 JavaScript 或 PHP 了解不多，因此非常感谢“愚蠢”的回应。

提前感谢您提供的任何帮助。

【问题讨论】：

嗯，这取决于您想要触发更改文本框内容的事件。可以是按钮点击，可以是鼠标悬停，几乎可以是所有东西。涵盖所有示例有点困难。

标签： javascript html youtube textfield options

【解决方案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

希望有你想要的东西。

【讨论】：

这太完美了！谢谢你的帮助。一个问题。我可以使用什么代码来允许一次只选择一个单选按钮。
<input type="radio" name="group1"><input type="radio" name="group1"> 只需添加name 标签，它确定组，其他名称，表示其他组。在同一组内只能选择 1 台收音机。固定示例：jsfiddle.net/DcnKH/5