Making <select> show as a scrollable list with only one choice?

Question

I have a list <select>that looks like this.

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

I want it to look like this.

This can now be achieved by adding the multiple sizeand attributes size.

<select multiple size="3">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

But it also allows the user to select more than one item. It just size="3"doesn't work (at least in Firefox 28.0); it is displayed as a drop-down list.

The specification here does not seem to include any attribute that could achieve the goal, although it states that

Browsers are not required to present the selected items as a scrollable list.

, , ? JavaScript.

Answer 1

, size="3" : http://jsfiddle.net/pU39G/

<select size="3">  <!-- Note: I've removed the 'multiple' attribute -->
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

Chrome 33 Firefox 27. Firefox 28, , , , .

Answer 2

jxklvsjdklfjsdkfj; sdkjf; skldjf; lskdjf; kldjf; lkjdsf; kjskldjf