Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.05.2015, 12:11
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

Подстановка значения из 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>
Ответить с цитированием
  #2 (permalink)  
Старый 05.05.2015, 13:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Оно?

<!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>
Ответить с цитированием
  #3 (permalink)  
Старый 05.05.2015, 14:05
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

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

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

Я заполняю инпут рукой - любое слово, например кошка, далее выбираю и выпадающего списка два, и после этого к слову кошка в инпут подставляется @. И в итоге в инпуте отображается кошка@два
Ответить с цитированием
  #4 (permalink)  
Старый 05.05.2015, 14:11
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

espltd, тогда пример делай с кошкой и словом "два"...
Ответить с цитированием
  #5 (permalink)  
Старый 06.05.2015, 08:02
Аватар для Sigizmund2012
Профессор
Отправить личное сообщение для Sigizmund2012 Посмотреть профиль Найти все сообщения от Sigizmund2012
 
Регистрация: 16.07.2014
Сообщений: 267

Сообщение от espltd Посмотреть сообщение

<!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
Ответить с цитированием
  #6 (permalink)  
Старый 10.06.2015, 14:49
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести значения value из select в input Jeick9 Events/DOM/Window 28 29.11.2017 08:57
Проверка нескольких select на одинаковые значения emulexx Общие вопросы Javascript 6 07.04.2015 15:19
Изменение цвета шрифта выбранного значения select AlexG88 Элементы интерфейса 12 16.03.2015 10:33
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Как в oninput получить значения select? Jeick9 Events/DOM/Window 9 11.10.2014 20:18