При выборе одного SELECT другим передать value=0?

Question

[lilikon]

В форме есть несколько селект, при выборе в одном надо что бы в других значение стало нулевым, то есть value=0.

select id="topic_select_1"
option value="0"">{$test[1]}/option>
option value="1">{$test[2]}/option>
option value="2">{$test[3]}/option>
/select>

select id="topic_select_2">
option value="0"">{$test[1]}/option>
option value="1">{$test[4]}/option>
option value="2">{$test[5]}/option>
/select>

select id="topic_select_3">
option value="0"">{$test[1]}/option>
option value="1">{$test[6]}/option>
option value="2">{$test[7]}/option>
/select>

сейчас работает так, при выборе в первом селекте оптион валуе2 и во втором селекте валуе3 то они оба остаются, а надо что бы при выборе в первом любое значение, а после выбирая во втором, надо что бы первый становился снова по умолчанияю валуи 0

Желательно на JS!

Answer 1

[Vitaliy Orlov]

не совсем понятно, что тебе надо сделать

если у тебя два select с name_a и name_b и при установке name_b тебе надо в name_a установить 0. И делать это на php, тогда самый простой вариант такой:

if (!empty($_POST['name_b'])) {
   $_POST['name_a'] = 0;
} elseif (!empty($_POST['name_a'])) {
   $_POST['name_b'] = 0;
}

Comments

[lilikon]

а на js как это будет?

[Vitaliy Orlov]

на js в событие формы onsubmit, добавляешь функцию которая будет заниматься проверками:
html:

<form onsubmit="fix()">
<select id="s1">
<select id="s2">

js:

function fix(){
   if (document.getElementById('s1').value) {
       document.getElementById('s2').value = 0;
   } else if (document.getElementById('s2').value) {
       document.getElementById('s1').value = 0;
   }
}

Если подключено что-то вроде jquery, То синтаксис будет проще, но логика присерно такая же

[Vitaliy Orlov]

Vitaliy Orlov: **примерно

[Vitaliy Orlov]

увидел, ты обновил вопрос.

В твоем случае, надо к каждому select-у добавить функцию в событие onchange

<select id="name_1" onchange="fix(this)">
<select id="name_2" onchange="fix(this)">

и в функции в зависимости от логики устанавливать флаг selected для option-он, на чистом js Будте примерно так:

function fix(obj){
        if (obj.id == 'name_1') {
           document.getElementById('name_2').selectedIndex = 0 ;
        } else if (obj.id == 'name_2') {
           document.getElementById('name_1').selectedIndex = 0 ;
        }
}

логика думаю понятна: ждешь onchange у элемента, затем в остальных ставишь selectedIndex = 0;

[lilikon]

Vitaliy Orlov: Огромное спасибо, работает) очень благодарен вам!)

[Vitaliy Orlov]

lilikon: удачи и с Новым Годом! :)

[lilikon]

Vitaliy Orlov: С Новым Годом!) Еще раз спасибо)