Choices.js:修订间差异
(创建页面,内容为“Choices.js是一个开源的带输入的选择框插件,类似Select2,但使用原生JavaScript不依赖jQuery 。 ==简介== ===时间轴=== ==快速入门== 导入Choices.js的CSS和JavaScript文件。 <syntaxhighlight lang="html" > <select id="abc-select"> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> </select> <script> const select = new Choices('#abc-select'); </script> </syntaxhighlight> ==…”) |
(→快速入门) |
||
第6行: | 第6行: | ||
导入Choices.js的CSS和JavaScript文件。 | 导入Choices.js的CSS和JavaScript文件。 | ||
<syntaxhighlight lang="html" > | <syntaxhighlight lang="html" > | ||
<head> | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/base.min.css" /> | |||
</head> | |||
<select id="abc-select"> | <select id="abc-select"> | ||
第13行: | 第16行: | ||
</select> | </select> | ||
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script> | |||
<script> | <script> | ||
const select = new Choices('#abc-select'); | const select = new Choices('#abc-select'); |
2024年11月9日 (六) 09:01的最新版本
Choices.js是一个开源的带输入的选择框插件,类似Select2,但使用原生JavaScript不依赖jQuery 。
简介
时间轴
快速入门
导入Choices.js的CSS和JavaScript文件。
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/base.min.css" />
</head>
<select id="abc-select">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>
<script>
const select = new Choices('#abc-select');
</script>
资源
官网
- Choices.js 官网: https://choices-js.github.io/Choices
- Choices.js 源代码: https://github.com/Choices-js/Choices