Question

我正在尝试构建一个输入文本字段（我不知道该怎么称呼它。基本上是一个可以点击并轻松复制的文本框），根据选择的选项显示不同的信息。我见过的最好的工作示例在YouTube上使用。以下是随机视频的链接，以便您可以看到它的外观：http://youtu.be/4VewFkix7qg。当用户点击视频下方的“共享”时，带有视频网址的文本字段可供用户复制。但是，如果用户选择“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

希望你正在寻找的东西。

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

1 个答案: