как из выпадающего списка поместить выбранное значение в input type=text

@voodoo200 · Регистрация: 14.02.2012

Author24 — интернет-сервис помощи студентам

Подскажите пожалуйста как из выпадающего списка поместить выбранное значение в
<input type="text" name="test">

Например есть выпадающий список

HTML5

<select id="val">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=4>4</option>
  <option value=5>5</option>
</select>

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

HTML5

1	<input type="text" name"test" value="">

Спасибо!

@oshilan · 22.11.2012, 23:05

HTML5

<select onchange="test.value=val.value" id="val">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=4>4</option>
  <option value=5>5</option>
</select>
 
<input type="text" name="test" value="">

@koza4ok · 23.11.2012, 00:43

Сообщение от oshilan

HTML5

<select onchange="test.value=val.value" id="val">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=4>4</option>
  <option value=5>5</option>
</select>
 
<input type="text" name="test" value="">

Рано так писать.Не везде работает.

@newJS · 23.11.2012, 07:36

HTML5

<select onchange="changeSel(this);" id="val">
  <option value="11">1</option>
  <option value="22">2</option>
  <option value="33">3</option>
  <option value="44">4</option>
  <option value="55">5</option>
</select>
 test() это встроенная функция в JS, не надо такое использовать в качестве ИД, переменных....
<input type="text" name="testS" id="testS" value="">

Javascript

function changeSel(el){
var v, n;
n=el.selectedIndex;
//value и text могут быть разными, при наличии value отправляется оно, если нет, то text
v=el[n].value;//value из оптиона
//v=el[n].text;//текст из оптиона
document.getElementById("testS").value=v;
 
 };

@voodoo200 · 23.11.2012, 10:22 **[ТС]**

Спасибо всем всё работает !!!

@kalabuni · 23.11.2012, 19:30

voodoo200, пара замечаний:

1) в данном раскладе вам невозможно "выбрать" самый первый <option>
поэтому обязательным будет добавление самым первым "пустого" (без value) <option> с нейтральным текстом типа ~~"Выбери меня"~~ "Выберите город", "Выберите марку автомобиля" и т.д.

2) соответственно, внутри функции, которая запускается при onchange, надо предусмотреть проверку на то, что юзер может "выбрать" этот "пустой" <option> (сначала чего-то выберет, а затем снова ткнёт на "Выберите...")
проверка эта проста:

Javascript

function changeSel(el){
var v, n;
n=el.selectedIndex;
if (!n) return; // если n == 0, то из функции выходим и ничего не делаем
...

3) ну и, напоследок... на слова кое-кого

Сообщение от newJS

test() это встроенная функция в JS, не надо такое использовать в качестве ИД, переменных....

можете не реагировать
потому как test () - это не "встроенная функция", а метод объекта RegExp
а во-вторых, в стандартном Javascript'e нет вообще ни одной встроенной функции (имеется всего пять штучек в MS Jscript для работы на локальном компьютере)

такие дела

@voodoo200 0 / 0 / 0 Регистрация: 14.02.2012 Сообщений: 20
	23.11.2012, 10:22 [ТС]	5
	Спасибо всем всё работает !!! 0

	23.11.2012, 19:30