Изменение текстового поля на основе выбранных параметров

Question

Я пытаюсь создать поле ввода текста (я не уверен, как его назвать. В основном это текстовое поле, которое можно щелкнуть и легко скопировать), которое отображает различную информацию в зависимости от того, какие параметры выбраны.Лучший рабочий пример, который я видел, используется на YouTube.Вот ссылка на случайное видео, чтобы вы могли увидеть, как оно выглядит: http://youtu.be/4VewFkix7qg. Когда пользователь нажимает «поделиться» под видео, текстовое поле с URL-адресом видео становится доступным для копирования пользователем.Однако, если пользователь выбирает один из вариантов, например «HD Link» или «Long Link», текстовое поле изменяется для отображения другого URL.

Я хотел бы сделать то же самое для проекта IЯ работаю над.Мне нужно, чтобы текстовое поле отображало разные результаты при выборе разных опций.Кто-нибудь знает, как решить мою проблему или какие-либо ресурсы, которые охватывают эту тему?

Я не очень разбираюсь в 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>

1006 *

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

Конечно, это один из самых простых примеров. Это то, что вам нужно?

Рабочий пример: jsFiddle

Вот пример с эффектом фокусировки / выбора всех: jsFiddle снова. Выбрать все эффекты

Радиокнопки и список выбора: jsFiddle

Надеюсь, что-то то, что вы искали.