Question

是否有人知道如何在select语句中创建下拉列表，该语句允许多个选择但可以在一行上显示。添加multiple =“multiple”选项会导致它显示在尽可能多的行上，而不适合此项目的布局Css和/或javascript会很好，但希望避免使用js框架。使用onclick事件思考以显示标准的多行下拉框可能有效，但不确定如何实现。

以下几行显示。

 <select name="items[ ]" multiple="multiple">
    <option value="item1">item1</option>
     <option value="item2">item2</option>
    <option value="item2">item2</option></select>

Answer 1

我建议使用select2，这样您就可以轻松创建所需的选择框。满足您需求的页面示例：

$(".js-example-basic-multiple").select2();

<select class="js-example-basic-multiple" multiple="multiple">
    <option value="AL">Alabama</option>
    ...
    <option value="WY">Wyoming</option>
</select>

Answer 2

请参阅size attribute。

<select multiple="multiple" size="1">

HTML / PHP一行下拉列表多项选择

2 个答案: