Как получить вход [type = "number"], чтобы показать все значения как выбираемые значения? - PullRequest
0 голосов
/ 14 мая 2019

У меня есть входные данные [type = "number"] в Woocommerce Bookings, и сейчас это показывает поле, где я могу набрать число, но я хотел бы показать все возможные значения (в данном случае от 1 до включительно). 8) и сможет выбрать одно из этих значений. Как этого лучше всего достичь?

тип ввода = "число" значение = "1" шаг = "1" мин = "1" макс = "8" имя = "wc_bookings_field_persons" id = "wc_bookings_field_persons"

1 Ответ

0 голосов
/ 14 мая 2019

Вы можете использовать JavaScript, чтобы сделать это

<input type = 'number' step = 1 min = 1 max = 8 onChange="limit_value(this)" onKeydown="limit_value(this)"  onKeyup="limit_value(this)" onKeypress="limit_value(this)"  >
<script type="text/javascript">
    function limit_value(_this){
        var value   = parseInt(_this.value) ;
        var min     = parseInt(_this.getAttribute('min')) ;
        var max     = parseInt(_this.getAttribute('max')) ;
        _this.value = (value < min) ? min : ( ( value > max ) ? max : value ) ;
    }
</script>
...