下拉类似于选择标记

Question

我想创建一个类似于select标签的下拉列表。

下拉

<div class="dropdown">
    <span>value 01</span>
    <span>value 02</span>
    <span>value 03</span>
</div>

选择

<select>
    <option>01</option>
    <option>02</option>
    <option>03</option>
</select>

Answer 1

您可以查看以下链接以供参考。

Fiddle

 <div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Size
        <span class="caret"></span>

    </a>
    <ul class="dropdown-menu">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
        <li>14</li>
        <li>15</li>
        <li>16</li>
        <li>17</li>
        <li>18</li>
        <li>19</li>
    </ul>
</div>

Answer 2

你可以使用像Chosen这样的插件：

https://harvesthq.github.io/chosen/

或创建自己的样式表。