【问题标题】:Drop down similar to select tag [duplicate]下拉类似于选择标签[重复]
【发布时间】:2015-08-12 10:45:16
【问题描述】:

我想创建一个类似于选择标签的下拉菜单。

下拉

<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>

【问题讨论】:

标签: jquery html css


【解决方案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>

【讨论】:

    【解决方案2】:

    您可以使用 Chosen 之类的插件:

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

    或创建您自己的样式表。

    【讨论】:

      猜你喜欢
      • 2012-10-30
      • 2018-05-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-10
      • 2011-11-02
      • 1970-01-01
      相关资源
      最近更新 更多