天天看點

bootstrap multiselect 多選下拉框實作代碼

<link rel="stylesheet" href="../js/bootstrapMultiselect/bootstrap-multiselect.css" target="_blank" rel="external nofollow" >
<script type="text/javascript" src="../js/bootstrapMultiselect/bootstrap-multiselect.js"></script>
<script>
		
		$(document).ready(function() {
			$('#example-getting-started').multiselect(
			);
		});

</script>
<body>
	<select id="example-getting-started" multiple="multiple" style="width:200px;"></select>
</body>
擷取多選下拉框選中的值:
$("#example-getting-started").val();
動态設定下拉框内容:
 	
	$('#example-getting-started').empty();
	$.each(response.childGroup, function(index, html) {
		$('#example-getting-started').append(
			$('<option></option>')
			.text(html.name)
			.val(html.id)
			);
	});
	$('#example-getting-started').multiselect('rebuild')
           

繼續閱讀