Изменение selecta при выборе option
 

Всем привет! Как реализовать чтобы при выборе option у select'a менялись другой select...

function check()
{
var select = document.getElementById("fas");
var div = document.getElementById("block");
var div1=document.getElementById("block1");

if (select.value)
{
div.style.display = "inline";
div1.style.display="none";
div_show = true;
}
else
{
div.style.display = "none";
div1.style.display="none";
div_show = false;
}
}

var div_show = false;

К примеру Я выберу option - Созданный у меня выводит block, если я выбираю option - Одобренный у меня так же выводит block, а нужно block1 и чтобы block исчезал... и так с четырьмя option

<select type="text" name="parametr_с"  class="input"  placeholder="Выберите параметр" onchange="check();"><option value="0">Выберите</option><option value="1" id="fas">Созданный</option><option value="2">Одобренный</option><option value="3">В работе</option><option value="4">Архив</option>


<p><div id="block" style="display:none;">
Параметр D <select  type="text" name="parametr_d" id="fas" class="input"  placeholder="Выберите параметр"><option value="Созданный">Созданный</option><option value="Созданный незавершенный">Cозданный незавершенный</option>
</select>
</div></p>
<p><div id="block1" style="display:none;">
Параметр D <select  type="text" name="parametr_d" id="may" class="input"  placeholder="Выберите параметр"><option value="Одобренный">Одобренный</option><option value="Отложенный">Отложенный</option><option value="Отложенный для теста">Отложенный для теста</option>
</select>
</div></p>

Помогите!!!

Какого хрена? Как select может быть type="text"? Нет у него такого атрибута. И placeholder нету. Разве не видишь? А где закрывающий тег </select>? :cray: Невпихуем div в <p>, совершенно невпихуем, понимаешь? Будешь пихать - а он будет выскакивать из него. :cray: Да не нужно дублировать value - если его не укажешь, он будет браться из текста опшна.:cray:
На будущее - форматируй код сам, какого хрена мне пришлось это делать?:cray: :cray: :cray:

<meta charset="utf-8" />
<select id="select" name="parametr_с" class="input">
	<option value="">Выберите</option>
	<option value="фикус">Созданный</option>
	<option value="чебурек">Одобренный</option>
	<option value="3">В работе</option>
	<option value="4">Архив</option>
</select>

<div>
	<p id="фикус" style="display:none">
		<label>
			Параметр D
			<select name="parametr_d" class="input" disabled>
				<option value="">Выберите параметр</option>
				<option>Созданный</option>
				<option>Cозданный незавершенный</option>
			</select>
		</label>
	</p>

	<p id="чебурек" style="display:none">
		<label>
			Параметр D
			<select name="parametr_d" class="input" disabled>
				<option value="">Выберите параметр</option>
				<option>Одобренный</option>
				<option>Отложенный</option>
				<option>Отложенный для теста</option>
			</select>
		</label>
	</p>
</div>
<script>
(function() {
	var masterSelect = document.getElementById('select');
	var displayedSelect = null;
	masterSelect.onchange = function() {
		if (displayedSelect) {
			displayedSelect.style.display = 'none';
			displayedSelect.querySelector('select').disabled = true;
		}
		if (this.value) {
			displayedSelect = document.getElementById(this.value);
			displayedSelect.style.display = '';
			displayedSelect.querySelector('select').disabled = false;
		}
	};
})();
</script>