表格中的清单 - 建议

时间:2011-04-13 14:46:24

标签: javascript html forms selectlist

我必须制作一个有很多选项的表格,在这种情况下,一份工作清单(列表中可能超过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> 

或带滚动条的单选按钮?或者如果您知道更明确的方法,请建议。

我的主要关注点是在表单中执行选项列表(大列表)的更直观和兼容的方式。

感谢。欢迎提出基于您的经验和建议的意见

3 个答案:

答案 0 :(得分:1)

我想说最直观的方法是自动完成组合框,你可以在这里看到:

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

答案 1 :(得分:0)

您应该使用css将它们放在垂直列中,以便将区域分开。

答案 2 :(得分:0)

选择元素适用于此,20个选项不是很多。确保按字母顺序对选项(按标签)进行排序,以便人们可以轻松找到他们正在寻找的选项(并按一个键跳到列表的该部分)。