如何在不选择选择框的情况下显示选择框选项

时间:2014-12-26 06:55:29

标签: jquery html css select options

我的项目中有一项要求,例如。, 我在桌面视图中有选择框,在移动设备中只有选项必须显示。

我遇到了如何在不选择选择框的情况下显示所有选项的问题。

<h3>Desktop View</h3>

<select name="carmakes" id="carmakes">
        <option selected='selected' value="0">Car makes</option>
        <option value="bmw">BMW</option>
        <option value="audi">Audi</option>
    </select>

<br/><br/><br/><br/>


<h3>Mobile View</h3>


<option selected='selected' value="0">Car makes</option>
<option value="bmw">BMW</option>
<option value="audi">Audi</option>

由于 enter image description here

Demo

1 个答案:

答案 0 :(得分:3)

只需为您的选择框添加multiple,它就会显示出来......

<select multiple name="carmakes" id="carmakes">
        <option selected='selected' value="0">Car makes</option>
        <option value="bmw">BMW</option>
        <option value="audi">Audi</option>
    </select>