Home  >  Article  >  Backend Development  >  bootstrap-multiselect multi-select example code

bootstrap-multiselect multi-select example code

零下一度
零下一度Original
2017-06-24 09:52:581770browse

Usage:

The first step is to reference the style and related JS

<link rel="stylesheet" href="css/bootstrap.min.css?1.1.11" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js?1.1.11"></script>
<script type="text/javascript" src="js/bootstrap.min.js?1.1.11"></script>
 
<!-- Include the plugin&#39;s CSS and JS: -->
<script type="text/javascript" src="js/bootstrap-multiselect.js?1.1.11"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css?1.1.11" type="text/css"/>

The second step is to construct the Selection (note the need Set the multiple attribute, otherwise it will still be in radio selection mode, multiple="multiple" )

<!-- Build your select: -->
<select class="multiselect" multiple="multiple">
  <option value="cheese">Cheese</option>
  <option value="tomatoes">Tomatoes</option>
  <option value="mozarella">Mozzarella</option>
  <option value="mushrooms">Mushrooms</option>
  <option value="pepperoni">Pepperoni</option>
  <option value="onions">Onions</option>
</select>

The third step is to initialize the plug-in:

<script type="text/javascript">
  $(document).ready(function() {
    $(&#39;.multiselect&#39;).multiselect();
  });
</script>

Commonly used Method:

  1. select

    $('#cid').multiselect('select', arr[i]); Set the selected item for the control

  2. Get the value

$('#cid').val();Get all selected values ​​of the control

The above is the detailed content of bootstrap-multiselect multi-select example code. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn