Форум

рони · #21 (**permalink**) 26.07.2017, 23:28

Сообщение от zoOmer

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

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

Alexodiy · #22 (**permalink**) 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+','"

рони · #23 (**permalink**) 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 · #24 (**permalink**) 28.11.2017, 18:04

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

рони · #25 (**permalink**) 28.11.2017, 18:09

Alexodiy,
не понимаю

Nexus · #26 (**permalink**) 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>

рони · #27 (**permalink**) 28.11.2017, 21:53

Сообщение от Nexus

select.value=v;

Сообщение от Nexus

Nexus · #28 (**permalink**) 29.11.2017, 08:29

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

рони · #29 (**permalink**) 29.11.2017, 08:57

Сообщение от Nexus

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

Форум

Справочник

Discord чат

Курсы javascript