select 选择标签
原生的稍微有点丑,并且不能进行内容搜索
可以使用select2方案,相对比较简单
官网是https://select2.org/
html文件中加入如下内容
<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>
具体的版本可以自行进行调整
之后设定对应的select的class为任意值,比如aaaaa
之后js中加上如下内容即可
$(document).ready(function() { $('.js-example-basic-single').select2(); });
当然,使用的前提是先要引入jQuery,这样你的select就变得美观并且可以进行选项搜索了
本文作者:康恩
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 Copyright © 2024 KangEn 许可协议。转载请注明出处!