html – 将节目制作为只有一个选择的可滚动列表？

概述我有一个< select>看起来像这样的列表. <select> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option></select> 我希望它看起来像这样. 现在,可以通过添加multiple和size属性来实现. <select multiple size="3"> @H_404_4@ 我有一个< select>看起来像这样的列表.

<select>    <option>Option 1</option>    <option>Option 2</option>    <option>Option 3</option></select>

我希望它看起来像这样.

现在,可以通过添加multiple和size属性来实现.

<select multiple size="3">    <option>Option 1</option>    <option>Option 2</option>    <option>Option 3</option></select>

但这也允许用户选择多个元素.只是size =“3”不起作用(至少在firefox 28.0中);它显示为下拉列表.

规范here似乎没有包含任何可以解决问题的属性,尽管它确实说明了这一点

browsers are not required to present a select elements as a scrolled List Box.

但有什么办法让它看起来我想要但仍然只允许一个选择？使用JavaScript的简单解决方法也适合我.

@H_404_4@解决方法 根据我的经验,size =“3”可以解决问题： http://jsfiddle.net/pU39G/

<select size="3">  <!-- Note: I've removed the 'multiple' attribute -->    <option>Option 1</option>    <option>Option 2</option>    <option>Option 3</option></select>

在Chrome 33和firefox 27上测试过.我仍然没有firefox 28,但如果它在那里不起作用,它似乎是一个回归.

@H_404_4@ @H_404_4@ @H_404_4@ @H_404_4@ 总结

以上是内存溢出为你收集整理的html – 将节目制作为只有一个选择的可滚动列表？全部内容，希望文章能够帮你解决html – 将节目制作为只有一个选择的可滚动列表？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。