Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Подстановка значения из select-та (https://javascript.ru/forum/dom-window/55578-podstanovka-znacheniya-iz-select-ta.html)

espltd 05.05.2015 12:11

Подстановка значения из select-та
 
Всем привет. Подскажите пожалуйста, не могу допереть. Вод код. При выборе значения из селекта он подставляет value. У меня есть инпут в который изначально есть value - любое слово. Как сделать, чтобы в этот инпут попало не value из select-а, а именно название, плюс пристыковка символа. Т.е. к существующему слову в инпуте при выборе селекта подставить символ и само значение из селекта.

в итоге такая схемка.

input со значением->выбор селекта->результат (слово&выбранное из списка значение)



<!DOCTYPE html>
<html>
<head>
 <style>
 button { margin:4px; cursor:pointer; }
 input { margin:4px; color:blue; }
 </style>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<input type='text' id='rez' />

<select name="sitetime" id="sitetime" onchange="document.getElementById('rez').value=value">
	<option value="" ></option>
	<option value="1" >60</option>
	<option value="2" >90</option>
	<option value="2" >120</option>
	<option value="3" >150</option>
	<option value="3" >180</option>
	<option value="4" >210</option>
	<option value="4" >240</option>
	<option value="5" >270</option>
	<option value="5" >300</option>
</select>


</body>
</html>

ksa 05.05.2015 13:43

Оно?

<!DOCTYPE html>
<html>
<head>
 <style>
 button { margin:4px; cursor:pointer; }
 input { margin:4px; color:blue; }
 </style>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<input type='text' id='rez' />

<select name="sitetime" id="sitetime" onchange="document.getElementById('rez').value+=value">
	<option value="" ></option>
	<option value="1" >60</option>
	<option value="2" >90</option>
	<option value="2" >120</option>
	<option value="3" >150</option>
	<option value="3" >180</option>
	<option value="4" >210</option>
	<option value="4" >240</option>
	<option value="5" >270</option>
	<option value="5" >300</option>
</select>
</body>
</html>

espltd 05.05.2015 14:05

Не совсем оно вот переформулировка )))
 
Суть в следующем.

Есть input. Этот инпут будет заполнять вручную, рядом выпадающий список со значениями, например один,два,три, надо чтобы произошло следующее:

Я заполняю инпут рукой - любое слово, например кошка, далее выбираю и выпадающего списка два, и после этого к слову кошка в инпут подставляется @. И в итоге в инпуте отображается кошка@два

ksa 05.05.2015 14:11

espltd, тогда пример делай с кошкой и словом "два"...

Sigizmund2012 06.05.2015 08:02

Цитата:

Сообщение от espltd (Сообщение 369499)

<!DOCTYPE html>
<html>
<head>
 <style>
 button { margin:4px; cursor:pointer; }
 input { margin:4px; color:blue; }
 </style>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<input type='text' id='rez' />

<select name="sitetime" id="sitetime" onchange="document.getElementById('rez').value=value">
	<option value="" ></option>
	<option value="1" >60</option>
	<option value="2" >90</option>
	<option value="2" >120</option>
	<option value="3" >150</option>
	<option value="3" >180</option>
	<option value="4" >210</option>
	<option value="4" >240</option>
	<option value="5" >270</option>
	<option value="5" >300</option>
</select>


</body>
</html>

Самая необходимая вещь в этом коде это jQuery

espltd 10.06.2015 14:49

спасибо


Часовой пояс GMT +3, время: 05:55.