Question

25

Is it possible to show all options from an HTML Select form field at once without clicking it?

rated 0 times [ 32] [ 7] / answers: 1 / hits: 39919 / 9 Years ago, tue, june 23, 2015, 12:00:00

I am using the X-Editable jQuery edit in place library for a Task Status selection field. All it;s stages are shown below from the process of:

Clicking the Status

It then hides the status SPAN and reveals the hidden Selection field.

You can click the selection field which makes it dropdown and show all available options.

Clicking a new Selection option value then shows a loading spinner image while it makes an AJAX request to save the value

It then Shows the new selected Status Value SPAN.

Clicking again restarts the cycle/process.

enter

I am however trying to come up with a better way to select a new value. There are only 3 selection options so I would like to possibly show all 3 items at once instead of requiring you to click the dropdown to see the other 2 options.

Is it possible to do that with a basic Selection or does it require a Multi-select field?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

turnerf

Add To Favorites

Follow

Total Points: 620

Total Questions: 101

Total Answers: 109

Location: French Polynesia

Member since Tue, Jul 7, 2020

4 Years ago

answered 9 Years ago hallie · Accepted Answer

http://jsfiddle.net/n1k5cLx0/

Are you looking for a list or do you still want a dropdown with the options shown as default. For a list style you could use the size attribute with the select element.

HTML

<select size=3>

  <option>Not Started</option>

  <option selected>In Progess</option>

  <option>Completed</option>

</select>

CSS

select{

    overflow:auto;

}