[danik.js]

<select type="text"

Какого хрена? Как select может быть type="text"? Нет у него такого атрибута. И placeholder нету. Разве не видишь? А где закрывающий тег </select>?

<p><div id="block" style="display:none;">

Невпихуем div в <p>, совершенно невпихуем, понимаешь? Будешь пихать - а он будет выскакивать из него.

<option value="Созданный">Созданный</option>

Да не нужно дублировать value - если его не укажешь, он будет браться из текста опшна.
На будущее - форматируй код сам, какого хрена мне пришлось это делать?

<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>