Intereting Posts
Как сделать текстовое поле / параметр выбора видимым / невидимым, выбрав опцию переключателя в HTML? Всплывающее окно JavaScript для отображения только один раз. Существует ли API для ящиков ответов Google? SEO дружественный URL-адрес с использованием php Указание атрибутов в теге Как перемещать значения, отображаемые на панели, вниз? RESTful API – отображает сообщение json в таблице html Использование angularjs, как выполнять математические операции с текстовыми полями и видеть результат при вводе значений? Как получить родительский элемент? Событие триггера при прокрутке вниз элемента? сделать фоновое изображение div с помощью бутстрапа 3 jQuery / Javascript метод для отображения / скрыть несколько полей при выборе с общими полями для нескольких выборов Ширина в пикселях & nbsp; в пролете и корпусе iframe Шаблон проектирования для генерации HTML-тегов Интервал карусели Bootstrap False Не работает

Дайте текстовому полю значение, основанное на опции, выбранной из раскрывающегося списка

То, что я пытаюсь сделать, – дать моему текстовому полю значение, основанное на опции, – это выбрать форму, которую я выпадаю. Например: у меня есть 2 поля, выпадающее и текстовое поле. Я выбираю Facebook из раскрывающегося списка, и значение « http://www.facebook.com/ » появляется в моем текстовом поле. Как я могу достичь этого эффекта? Я знаю, что мне нужно вызвать функцию onchange спуска, но это почти все, что я знаю. Помните, что я не пытаюсь скопировать точное выбранное значение из раскрывающегося списка в текстовое поле здесь.

пример разметки

  

JQuery

 $('select').change(function() { $('input[type="text"]').val(this.value); }); 

Вот скрипка


В ответ на ваш комментарий есть несколько способов сделать это (оператор switch , if/elseif statement и т. Д.), Проще всего было бы создать объект, сопоставляющий text с соответствующим url :

 var urlFromText = { 'Facebook' : 'http://www.facebook.com/', 'Twitter' : 'http://www.twitter.com/' }; 

Затем в вашем обработчике change вы можете просто использовать:

 $('input[type="text"]').val(urlFromText[$('option:selected', this).text()]); 

Вот пример

HTML

   

Jquery

 $("#network").change(function(){ $("#network-txt").val($(this).val()); }); 

Рабочий пример http://jsfiddle.net/nVEEE/