HTML Select Box show as Multiple, but to Disable Multiple Selection?

夏期劇場 picture 夏期劇場 · Jan 4, 2013 · Viewed 17.1k times · Source

I needed to have:

  • A html <select> box showing as a vertically expanded box (not a Dropdown). So i set it as multiple.

Then it is showing correctly as:

<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
  • Then how can i make it non-multiple selectable? (to allow only 1 selection)

Answer

ameya rote picture ameya rote · Jan 4, 2013

Use this size="3"

<!DOCTYPE html>
<html>
<body>
<select id="gagaga" size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
</body>
</html>

If the value of the size attribute is greater than 1, but lower than the total number of options in the list, the browser will add a scroll bar to indicate that there are more options to view.