Как реализовать динамическую текстовую область на основе выпадающего списка?

Question

У меня есть вопрос о том, как реализовать динамическую текстовую область со ссылкой на основе выпадающего списка. Когда пользователь выбирает розничного продавца в моей форме, я хочу, чтобы рядом с текстовым полем, которое ссылается на розничного продавца, был динамический текст / ссылка Например, если пользователь выбирает Best Buy из раскрывающегося списка, рядом с раскрывающимся списком должна появиться ссылка на bestbuy.com. Это должно происходить без необходимости выбора пользователя. Ты знаешь, как я могу это сделать?

Я думаю, что это требует javascript или некоторого ajax, но я не уверен. Как новичок, он пытается выяснить, как решить эту проблему без необходимости нажимать кнопку «Отправить» или полностью перезагрузить страницу. Любой совет или указание в правильном направлении будет принята с благодарностью.

Заранее спасибо за помощь!

Answer 1

Я постараюсь сделать это проще для вас.

Сначала установите плагин jquery .js на свой сайт. Это просто, просто скачайте jquery и включите его в шапку вашего сайта.

Допустим, ваш HTML выглядит так:

<select name="whatever">
   <option id="option-1" value="some value">some text</option>
</select>

Где-то еще на сайте у вас есть:

<div id="place-the-result-here"></div>

И вы напишите функцию jquery, которая готовится к загрузке DOM, функция будет выглядеть так:

$("#option-1").click(function(){
   $("#place-the-result-here").html('this is the text that gets written to your div');
});

Если вам нужна дополнительная помощь, например, как указывать различные тексты результатов, не стесняйтесь спрашивать, и я предложу вам эту функцию, но для начала я хотел, чтобы она была простой и чистой. Это должно помочь вам начать отлично!

Answer 2

Как это?http://jsfiddle.net/ctgr4/

Этот пример был создан при условии, что у вас будет только статический список розничных продавцов.Если вы хотите, чтобы список розничных продавцов был динамичным, вам просто нужно изменить способ заполнения списка розничных продавцов в раскрывающемся списке, а также порядок установки соответствующих URL-адресов для каждого розничного продавца.

Answer 3

Вы на правильном пути.Предполагается, что он работает на JavaScript, и вы можете использовать для этого фреймворк.Для этого вы можете попробовать jQuery или mootools .Есть и другие (например, прототип), поэтому я думаю, что это ваши предпочтения.

Чтобы помочь вам в дальнейшем, вам нужна функция click () из jQuery (если вы предпочитаете это).Либо вы получите нужный URL-адрес из значений параметров выбора, либо из ajax, в этом случае вам также понадобится $. Ajax .