Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Вывести значения value из select в input (https://javascript.ru/forum/events/50724-vyvesti-znacheniya-value-iz-select-v-input.html)

рони 26.07.2017 23:28

Цитата:

Сообщение от zoOmer
Но тут назрел вопросец если мне понадобиться брать value как быть?

...!!! без комментариев
заменить text на value в примерах выше

Alexodiy 28.11.2017 16:54

<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>
<input type='text' id='rez' />


Как правильно написать это в <script></script>

onchange="document.getElementById('rez').value+=va lue+','"

рони 28.11.2017 17:01

Alexodiy,
:-?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {
  var select = document.querySelector('[name="sitetime"]'),
  res = document.getElementById('rez');
  select.addEventListener('change', function() {
     res.value+=this.value+','
  });
});
</script>
</head>

<body>
<select name="sitetime" id="sitetime" >
  <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>
<input type='text' id='rez' />


</body>
</html>

Alexodiy 28.11.2017 18:04

А можно ли сделать проверку <input type='text' id='rez' /> и если value совпадает то в селекте в опции выводим selected

рони 28.11.2017 18:09

Alexodiy,
не понимаю

Nexus 28.11.2017 20:22

Alexodiy, как-то так?
<!DOCTYPE html>
<!-- © рони https://javascript.ru/forum/events/50724-vyvesti-znacheniya-value-iz-select-v-input-3.html#post471442 -->
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {
	var select = document.querySelector('[name="sitetime"]'),
	res = document.getElementById('rez');
	select.addEventListener('change', function() {
		res.value+=this.value+','
	});
	res.addEventListener('input', function() {
		var v=(res.value.split(',').filter(function(v){
			return !!v.trim().length;
		}).pop()||'').trim();
		if([].some.call(select.options,function(opt){
			return opt.value==v;
		}))
			select.value=v;
	});
});
</script>
</head>

<body>
<select name="sitetime" id="sitetime" >
  <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>
<input type='text' id='rez' />


</body>
</html>

рони 28.11.2017 21:53

Цитата:

Сообщение от Nexus
select.value=v;

:-?
Цитата:

Сообщение от Nexus
<option value="3" >150</option>34 <option value="3" >180</option>


Nexus 29.11.2017 08:29

рони, я обратил на это внимание, однако какой из нескольких вариантов выбирать непонятно.

рони 29.11.2017 08:57

Цитата:

Сообщение от Nexus
однако какой из нескольких вариантов выбирать непонятно.

:yes:


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