Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Из селекта в инпут (https://javascript.ru/forum/misc/48807-iz-selekta-v-input.html)

artiom-75 17.07.2014 18:16

Из селекта в инпут
 
Уважаемые знатоки есть 2 select-а. Нужно из этих селектов отправить в input значение первого селекта + второго селекта.
<select name="one">
<option value="blabla">Иван</option>
<option value="blabla2">Петр</option>
</select>

<select name="two">
<option value="blabla3">Иванов</option>
<option value="blabla4">Петров</option>
</select>

.........

много инпутов и селектов
.........

<input type="text" id="title">

Если в первом селекте выбрать 'Иван' а во втором 'Петров' необходимо в инпуте получит следующее:
<input type="text" id="title" value="Иван Петров">

skrudjmakdak 17.07.2014 21:56

<html>
	<head>
		<title>example</title>
	</head>
	<body>
	<select name="one">
<option value="blabla">Иван</option>
<option value="blabla2">Петр</option>
</select>

<select name="two">
<option value="blabla3">Иванов</option>
<option value="blabla4">Петров</option>
</select>

<input type="text" id="title">

		<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
		<script>
var selects = $('select'),
	title= $('#title');
selects.change(function ()
	{
	var values = [];
	
	selects.each(function ()
		{
		values.push($(this).find(':selected').text());
		});
	title.val(values.join(' '));
	});
		</script>
	</body>
</html>

artiom-75 17.07.2014 22:39

Спасибо за ответ код работает . но у меня кроме этих двух селектов есть еще много селектов. и в итоге получается
value="Иван Петров выберите выберите выберите выберите выберите"

нужно чтобы на инпут влияли только именно эти два инпута

skrudjmakdak 17.07.2014 23:44

у меня идет поиск по всем тэгам селект $('select'). сделай класс, назови как нибудь и делай поиск по этому классу. т.е. у тебя будет группировка, как то так:
<select name="one" class="select_group_1"> ...
<select name="two" class="select_group_1"> ...
...
<select name="three" class="select_group_2"> ...
<select name="four" class="select_group_2"> ...


и запрос естественно поменяется $('.select_group_1')

bes 17.07.2014 23:56

поставь условие, если пункт первый, то не брать

рони 18.07.2014 00:03

artiom-75,
var selects = $('select'),
var selects = $('[name="one"],[name="two"]'),

artiom-75 18.07.2014 08:55

Спасибо огромное skrudjmakdak и рони.
Все работает как нужно было.


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