Как ограничить число поля input, связанного с селектором?

Question

[kpa18]

Всем привет, есть поле input и один селектор опций для расчета стоимости на сайте, есть скрипт калькулятора.
Как сделать так, чтобы для каждого значения селектора input ограничивал минимальное и максимальное вводимое число?
Спасибо.

<input type="number" class="form-control" id="amount" value="100">
<label for="">Выберите план</label>
        <select class="fotm-control custom-select mb-4" id="plan" name="" placeholder="Select">
         <option value="1.5">Низкий</option>
          <option value="2.2">Средний</option>
            <option value="2.7">Высокий</option>
            <option value="3.2">Супервысокий</option>
        </select>

Comments

[Ankhena]

Селект и селектор это разные слова.

По теме: следите за изменением селекта, получаете значение. Дальше if и вперед.

p.s. откуда у селекта взялся атрибут плейсхолдер?

[kpa18]

Ankhena, можно простейший пример, как это реализовать через код

[Ankhena]

kpa18,

Работа с селектами и другими элементами формы: https://learn.javascript.ru/form-elements
Работа с атрибутами https://learn.javascript.ru/dom-attributes-and-pro...

Альтернативный вариант, не через атрибуты, вы прямо на лету проверяете введенное в инпут значение и проверяете является ли оно вообще числом и попадает ли в нужный интервал.

[Ankhena]

kpa18, и вопрос поправьте всё таки

Answer 1

[Rsa97]

Answer 2

[noremorse_ru]

В html5 есть атрибуты у инпута типа "number" min, max
Ну или делать валидацию при изменении input с помощью условий

Comments

[kpa18]

"number" min, max здесь не нужны

Answer 3

[kocherman]

Вам оптимальнее всего сделать как-то вот так.
https://jsfiddle.net/gqw1h8ok/

И работает без JS