CODEWITHSUNDEEP
javascripthtmlformsselectlist
user455318
user455318

Reputation: 3346

list in form - advice

i have to make a form with many options to choose, in the case, a list of jobs (probably more than 20 jobs in the list)

my question is in your experience how is more convenient way to do this?

with a (I think this have problems in small resolutions if the list is big )

<select>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
//and more
    </select>

or radio buttons with a scrollbar? or if you know a more indicated way to do this, please suggest.

my principal preoccupation is the more intuitive and compatible way to do a list of options (big list) in a form.

thanks. opinions based in you experience and suggestions are welcome

Upvotes: 0

Views: 44

Answers (3)

SPL_Splinter
SPL_Splinter

Reputation: 503

I would say the most intuitive way is the autocomplete combobox which you can see here:

http://jqueryui.com/demos/autocomplete/#combobox

Upvotes: 1

Quentin
Quentin

Reputation: 943569

A select element is fine for this, 20 options is not a lot. Make sure you sort the options (by label) alphabetically so that people can find the one they are looking for easily (and press a key to skip to that section of the list).

Upvotes: 0

user502039
user502039

Reputation:

You should use css to put them in vertical columns so that splits the area up.

Upvotes: 0

Related Questions