select2下拉框使用心得

最新推荐文章于 2021-08-30 10:56:40 发布

唯丽是图

最新推荐文章于 2021-08-30 10:56:40 发布

阅读量556

点赞数

分类专栏： # jquery 文章标签： jquery 前端

本文链接：https://blog.csdn.net/qq_41340666/article/details/80983520

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

下载地址：

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;"
				οnchange="selectColumnSecond(this.value);">
			<option value="">---请选择---</option>
		<c:forEach items="${list}" var="bc">
			 <option value="${bc.id}">${bc.colname}</option>
		</c:forEach>
</select>

使用前段框架出现错误不要心急，出现问题肯定是细节！！