Html select with text input

See more:

HTML

jQuery

bootstrap

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.