cotsjdixon Ответов: 1

Html select с вводом текста


У меня есть веб-страница, которая использует выбор параметров, но вместо использования переключателей или флажков я хотел бы, чтобы в раскрывающемся списке отображались 2 текстовых поля, чтобы пользователь мог ввести минимальное и максимальное значение.

Код, который я хотел бы использовать, выглядит следующим образом

<select id="multi-select-sizes" multiple="multiple">
     <input type="text" id="minValue" value="0">
    <input type="text" id="maxValue" value="0">
</select>


Было бы неплохо поставить метку перед текстовым полем.

Есть идеи, как это сделать?

Что я уже пробовал:

Я пытался сделать это, но он показывает текстовое поле рядом с select, а не как выделение под ним.

Mohibur Rashid

Вы не можете иметь поле ввода с выпадающим списком. Если вы не хотите показывать поле ввода в главном окне, попробуйте открыть всплывающее окно с помощью div

1 Ответов

Рейтинг:
2

Sk Imad

Вы не можете использовать текстовое поле ввода вместо опции. Вы можете использовать любой ползунок диапазона, чтобы получить минимальное значение и максимальное значение.

Ion.RangeSlider - jQuery-плагин, слайдер диапазона, диапазон, noUI, поддержка кожи[^]