2011-04-13 35 views
0

我必須做出許多選項的形式可以選擇,在的情況下,就業機會(在列表中大概有20個職位)列表形式 - 建議

我的問題是,在你的經驗如何是一個列表更方便的方法來做到這一點?

與(我認爲這在小分辨率的問題,如果該列表是大)

<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> 

或單選按鈕與滾動條?或者如果你知道一個更明確的方式來做到這一點,請建議。

我的主要關注點是在表單中執行選項列表(大列表)的更直觀和兼容的方式。

謝謝。意見建立在你的經驗和建議是值得歡迎的

回答

1

我想說的最直觀的方式是自動完成的下拉框,你可以在這裏看到:

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

+0

我對大衛的評論純屬巧合。在同一時間。我喜歡你的建議 – user455318 2011-04-13 15:01:07

+0

如果你想要一個自由形式的條目併爲可能的選項提供一些幫助,組合框就很好。對於選擇一組預定義選項中的一個來說,它們是完全錯誤的選擇。 – Quentin 2011-04-13 16:07:45

0

你應該使用CSS將它們放在垂直的列中,以便分割區域。

0

一個select元素對此很好,20個選項不是很多。確保按字母順序排列選項(按標籤),以便人們可以輕鬆找到他們正在查找的選項(並按一個鍵跳到列表的該部分)。

+0

想法發生了我。並提供建議可用選項的輸入?就像谷歌在你的輸入中使用的系統一樣。你怎麼看待這個問題? – user455318 2011-04-13 14:59:22

+0

建議的麻煩在於它們是*建議*。如果你想讓用戶輸入他們喜歡的任何東西,但幫助他們輸入常用選項,這是一個很好的UI。如果您想讓用戶從列表中進行選擇,這是非常可怕的。 – Quentin 2011-04-13 16:06:36