Форум

artiom-75 · #1 (**permalink**) 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 · #2 (**permalink**) 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 · #3 (**permalink**) 17.07.2014, 22:39

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

value="Иван Петров выберите выберите выберите выберите выберите"

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

skrudjmakdak · #4 (**permalink**) 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 · #5 (**permalink**) 17.07.2014, 23:56

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

рони · #6 (**permalink**) 18.07.2014, 00:03

artiom-75,
var selects = $('select'),

var selects = $('[name="one"],[name="two"]'),

artiom-75 · #7 (**permalink**) 18.07.2014, 08:55

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

Форум

Справочник

Discord чат

Курсы javascript