Anonim

HTML中的下拉列表选择是一些最不本地用户友好的项目。 对它们进行样式设计很麻烦,并且它们的基本功能不是很有用,除非您的需求量有限。

这就是Chosen出现的地方。这是一个javascript库,它使下拉菜单的外观更加美观,而且从功能角度来看也更加美观。

在上方可以看到默认的选择功能。 它看起来很棒,并且默认情况下具有简单的搜索机制,可以在下拉列表中包含大量项目的情况下对结果进行过滤。 首先,包括javascript和css文件。 然后,使用以下代码对其进行初始化。

就这么简单。 现在,让我们进入一个新的水平,如果您希望能够更改下拉菜单的功能以允许多个选择呢? 在下面搜索“红色”,然后按Enter,搜索“蓝色”,然后按Enter。 现在,只需按两次X或Backspace键,就可以轻松从选择中删除它们。


您所要做的就是在select的调用中传递多个选项,如下所示。 javascript没有变化,它以完全相同的方式初始化。