Выбрать одно из двух. Либо input type="text", либо select. Как можно реализовать?

Question

[Nikolay Matyushkin]

Всем привет.
Собственно вот код.

Время
<select name="time_of_day" id="time_of_day">
	<option value="default" selected>...</option>
	<option value="Утром">Утром</option>
	<option value="Днём">Днём</option>
	<option value="Вечером">Вечером</option>
	<option value="Ночью">Ночью</option>
</select>
						
Точное время
<input type="text" name="time">

Как можно реализовать такой функционал, чтобы, например, если я выбрал "утром" в Select, то input text становился неактивным? И наоборот. Короче говоря сделать так, чтобы я не мог выбрать и то и другое.

Comments

[Максим Гришин]

Добавь опцию "Указать время", и проверяй time, если она установлена.

[Александр]

а js код есть?
Покажи что сам смог написать.

[Nikolay Matyushkin]

lebonnet,

function checkParams() {
	var time = $('#time').val();
							    
	if(exact_time.length == 0){
		$('#time_of_day').attr('disabled', 'disabled');
	}
						    
	$("#time_of_day").on('change', function() {
		if($(this).val() == 'Утром' || $(this).val() == 'Днём' || $(this).val() == 'Вечером' || $(this).val() == 'Ночью') {
		$('#time').attr('disabled', 'disabled');
	                }
	});
}

Вот что удалось состряпать. + событие onkeyup='checkParams()' на инпут с селектом. Но почему то этот скрипт рандомно отрабатывает, в основном с задержкой огромной.

Answer 1

[Владимир Проскурин]

Короче вот вам мой таск лист для решения этой задачи.

1. Гуглите что такое события и как с ними работать. Запрос в гугл "События JS"
   
2. Гуглите событие изменения select. Запрос "event change select js" или "Событие изменения select js"
   
3. Гуглите, как получить значение текущего селекта. Запрос "get select value event js"
   
4. Гуглите, как сделать так, чтобы поле ввода стало неактивным. Запрос "disable input js"
   

Вроде все.

Answer 2

[Александр]

держи