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>

资源

官网

网站