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>

最後に、ページの下部の下部にある、または体内

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

それがない場合は、上記のJSが動作しない場所、<ヘッド>書い確認し、その後、あなたは以下のページを入れて!

コード:

<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