728x90
반응형
1. editable select
<head>
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<link href="jquery.editable-select.min.css" rel="stylesheet">
</head>
$('#basic').editableSelect();
<input type="text" id="basic" class="es-input">
2. multi-select
<!-- Select2 is hosted on both the jsDelivr and cdnjs CDNs. Simply include the following lines of code in the <head> section of your page-->
<head>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</head>
// In your Javascript (external .js resource or <script> tag)
$(document).ready(function() {
$('.js-example-basic-single').select2();
});
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
...
<option value="WY">Wyoming</option>
</select>
출처:
https://indrimuska.github.io/jquery-editable-select/
https://select2.org/getting-started/basic-usage
728x90
반응형
'Web 개발 > Java, SpringBoot, JPA' 카테고리의 다른 글
| [SpringBoot] Datepicker를 통해 전달 받은 text를 Date 타입으로 전달 (0) | 2022.01.02 |
|---|---|
| [MySQL] MySQL 8.0 Workbench 설치 및 사용 (0) | 2021.09.17 |
| [Intellij] Window Tool 위치 (Build, Maven, Database...) (0) | 2021.09.08 |
| [JAVA] Date 특정 날짜 지정 (0) | 2021.09.03 |
| [MSSQL] 제약조건 ~ 은 제약조건 ~에서 참조하고 있습니다. (0) | 2021.08.31 |
