Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При выборе select-option, меняется значение (https://javascript.ru/forum/misc/52795-pri-vybore-select-option-menyaetsya-znachenie.html)

ainur777 07.01.2015 13:58

При выборе select-option, меняется значение
 
Всем привет! Как сделать так чтобы при выборе определенного значения 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 07.01.2015 14:10

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

ainur777 07.01.2015 14:49

Цитата:

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

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

<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 07.01.2015 19:04

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

Сообщение от ainur777
id='fas'

Цитата:

Сообщение от ainur777
<select name="widthf" id="fas">

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

Сообщение от ainur777
option.checked

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


Часовой пояс GMT +3, время: 23:13.