multiselect

2018-08-11 admin

multiselect是什么

什么是multiselect,jQuery multiselect plugin with two sides

multiselect介绍、multiselect使用

<div class="col-xs-5">
	<select name="from[]" id="multiselect" class="form-control" size="8" multiple="multiple">
		<option value="1">Item 1</option>
		<option value="3">Item 3</option>
		<option value="2">Item 2</option>
	</select>
</div>

<div class="col-xs-2">
	<button type="button" id="multiselect_rightAll" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>
	<button type="button" id="multiselect_rightSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
	<button type="button" id="multiselect_leftSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
	<button type="button" id="multiselect_leftAll" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>
</div>

<div class="col-xs-5">
	<select name="to[]" id="multiselect_to" class="form-control" size="8" multiple="multiple"></select>
</div>

</div>


```source-js
<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript" src="path/to/multiselect.min.js"></script>

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-37763.html

文章标题:multiselect

回到顶部