select2下拉框使用心得

下载地址:

https://github.com/select2/select2

首先导入:

<link href="select2.css" rel="stylesheet" type="text/css" />
	<script src="select2.min.js" type="text/javascript"></script>

以及最重要的jq包

<script src="jquery.min.js"></script>

最后在页面底部,或者body里面的最下面

<script type="text/javascript">
	
	//Select2
	jQuery(".select2").select2({
		width : '100%'	//这里的width是当前select显示的宽度,可以随便设置,但是不能等于0
	});
	</script>
记住:

如果不管用的话,检查上面的js写的地方,<head>里面不管用的话就放在页面的下面!!!

代码:

<select class="select2" id="test" name="test" style="width: 450px; margin-top: 12px;"
				onchange="selectColumnSecond(this.value);">
			<option value="">---请选择---</option>
		<c:forEach items="${list}" var="bc">
			 <option value="${bc.id}">${bc.colname}</option>
		</c:forEach>
</select>
使用前段框架出现错误不要心急,出现问题肯定是细节!!

猜你喜欢

转载自blog.csdn.net/qq_41340666/article/details/80983520