0

Как при выборе option в 'timein' отображать такой же в 'timeout' и наоборот.Тоесть выбрал "после 13" и на втором select показалось "Выезд до 13"

      <select id="timein" name="timein">
        <option value="12:00" selected>После 12</option>
        <option value="13:00">После 13</option>
        <option value="14:00">После 14</option>
      </select>
      <select id="timeout" name="timeout" title="Time to go out">
        <option value="12:00">Выезд до 12</option>
        <option value="13:00">Выезд до 13</option>
        <option value="14:00">Выезд до 14</option>
      </select>

1 ответ 1

0

document.getElementById("timein").addEventListener("change", sync);
document.getElementById("timeout").addEventListener("change", sync);

function sync(e) {
  var other = document.getElementById(
    (this.id == "timeout")? "timein" : "timeout");
  other.value = this.value;
}
<select id="timein" name="timein">
  <option value="12:00" selected>После 12</option>
  <option value="13:00">После 13</option>
  <option value="14:00">После 14</option>
</select>
<select id="timeout" name="timeout" title="Time to go out">
  <option value="12:00">Выезд до 12</option>
  <option value="13:00">Выезд до 13</option>
  <option value="14:00">Выезд до 14</option>
</select>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.