При выборе select-option, меняется значение

[ainur777]

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

<select type="text" name="parametr_a" id="parametr_a" class="input" required placeholder="Выберите параметр"><option value="0">Выберите</option><option value="sozdan">Созданный</option><option value="odobren">Одобренный</option><option value="vrabote">В работе</option><option value="arhiv">Архив</option>

Допустим я выберу параметр Созданный и мне надо чтобы поменялось, в другом списке

Вот стандартный второй список,

<select type="text" name="parametr_b" id="parametr_b" class="input" required placeholder="Выберите параметр"><option value="0">Выберите</option><option value="parametr1">Параметр1</option><option value="parametr2">Параметр2</option><option value="parametr3">Параметр3</option><option value="parametr4">Параметр4</option>

Нужно чтобы поменялось на:

<select type="text" name="parametr_b" id="parametr_b" class="input" required placeholder="Выберите параметр"><option value="0">Выберите</option><option value="parametr1">Созданный но не завершенный</option><option value="parametr2">Создан но пока в работе</option>

Помогите пожалуйста!

[danik.js]

Как вариант - держать два селекта, один из них скрывать (и дизейблить, чтоб не сабмитился).

[ainur777]

Как вариант - держать два селекта, один из них скрывать (и дизейблить, чтоб не сабмитился).

Я вот так пробовал но почему то не работает:

<script>
function check()
{
var option = document.getElementById("fas");
var div = document.getElementById("block");
var div1=document.getElementById("block1");

if (option.checked)
{
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;
</script>

<select type="text" name="parametr_a" id="parametr_a" class="input"  placeholder="Выберите параметр"><option value="sozdan" id='fas' onchange="check();">Созданный</option><option value="odobren">Одобренный</option></select>

<div id="block" style="display:none;"><select name="widthf" id="fas">
<option>Параметр</option>
<option>Параметр</option>
<option>Параметр</option>
</select>

[danik.js]

Почему onchange у опшна, а не у селекта? Это не будет работать.

id='fas'

<select name="widthf" id="fas">

На странице не должны дублироваться id элементов. В таких случаях вроде бы последний элемент с таким id получает приоритет, но не важно - нельзя такое допускать вообще.

option.checked

Нет такого свойства у опшна. Есть selected. Но так как событие onchange происходит у select'а, то проще использовать select.value.