bootstrap-multiselect 다중 선택 예제 코드

사용법:

첫 번째 단계는 스타일 및 관련 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"/>

두 번째 단계는 선택 항목을 구성하는 것입니다(여러 속성을 설정해야 합니다. 그렇지 않으면 여전히 단일 속성이 됩니다). 선택 모드, 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>

세 번째 단계는 플러그인을 초기화하는 것입니다:

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

일반적인 방법:

1. select

   $('#cid').multiselect( 'select', arr[i]); 컨트롤에 대해 선택한 항목 설정

2. 값 가져오기

$('#cid').val();

위 내용은 bootstrap-multiselect 다중 선택 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!