使用bootstrap创建多选择区

最新推荐文章于 2019-07-27 21:03:42 发布

lyl-csdn

最新推荐文章于 2019-07-27 21:03:42 发布

阅读量527

点赞数

文章标签： bootstrap

本文链接：https://blog.csdn.net/lylliu/article/details/44459633

版权

<fieldset>
   <table class="table table-bordered dchannel-table">
      <tbody>
    <tr class="item-default">
        <td  class="col-md-6">
            <ul class="nav nav-list">

                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Library</a></li>
                <li><a href="#">Applications</a></li>

            </ul>
        </td>
        <td>
            <button type="button" class="btn btn-default btn-small" id="btn_select_all_area"><span class="glyphicon glyphicon-forward"></span></button>
            <button type="button" class="btn btn-default btn-small" id="btn_choose_selected_area"><span class="glyphicon glyphicon-chevron-right"></span></button>
            <button type="button" class="btn btn-default btn-small" id="btn_remove_selected_area"><span class="glyphicon glyphicon-chevron-left"></span></button>
            <button type="button" class="btn btn-default btn-small" id="btn_remove_all_area"><span class="glyphicon glyphicon-backward"></span></button>
        </td>
       <td class="col-md-6">
          <!-- <select id="sel_selected_areas"  multiple="multiple" size="10" style="width:100%;">
                 <c:forEach items="${selectedAreas}" var="area" varStatus="loop">
           <option value="${area.code}">${area.name}(${area.code})</option>
           </c:forEach>
            </select>-->
       </td>
   </tr>
</tbody>
    </table></fieldset>