Html选择文本输入 [英] Html select with text input

问题描述

我有一个使用select for options的网页，但我不想使用单选按钮或复选框，我想让下拉菜单显示2个文本框，以便用户输入最小值和最大值。



我希望工作的代码看起来像这样

I have a webpage that uses a select for options, but instead of using radio buttons or checkboxes, I would like to have the pulldown show 2 text boxes so the user can enter a minimum and maximum value.

The code I wish worked looks like this

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

投入文本框之前的标签会很好。



任何想法如何做到这一点？



我尝试了什么：



我尝试过这样做，但它显示了选择旁边的文本框而不是它下面的选择。

Putting a label before the text box would be good.

Any ideas how to do this?

What I have tried:

I have tried doing this but it shows the text box next to the select instead of as a selection under it.

推荐答案

您不能使用输入文本框而不是选项。您可以使用任何范围滑块来获得最小值和最大值。



Ion.RangeSlider - jQuery-plugin，范围滑块，diapason，noUI，皮肤支持 [ ^ ]

You can not use input textbox instead of the option. You can use any range slider to get minimum value and maximum value.

Ion.RangeSlider - jQuery-plugin, range slider, diapason, noUI, skin support[^]

这篇关于Html选择文本输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！