bootstrap-select

前言

本片文章主要介绍一款好用的多选框插件bootstrap-select，基础的使用方法可以参考官网的基础教程和参考手册。

定制option点击事件

这里要实现的是，在点击select某个option时触发对应的点击事件。
多选框

<select id="selectId" name="selectName" class="selectpicker" 
	data-none-selected-text="请选择" multiple>
	<option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

多选框方法参考文档事件
<script>

$(function() {
	// 当多选框的选中的值发生变化时，触发此事件
	$('#selectId').on('changed.bs.select', function (e, clickedIndex, isSelected, 
		previousValue) {
	   // 根据clickedIndex获取当前点击的option的value
       var optionValue = $('#selectId option:eq(' + clickedIndex + ')').val();
       // 根据optionValue触发事件
       doSomething(optionValue);
    });
})

链接

bootstrap-select