select2的简单实用

2025-05-29 18:23:50

1、<html> <head> <meta charset="UTF-8"> 媪青怍牙<title></title> <link rel="stylesheet" href="css/select2.min.css" /> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/select2.min.js"></script>本地下载select2的js以及css文件，js要以来jquery，所以要在select2之前引入jquery

2、<style>select {width: 40%;}</style>//编写select的样式文件</head><div><h1>测试select2</h1></div><div>爱好：<select class="select2" id="demoSelect" data-placeholder="单击搜索"><option value=""></option></select>class引入select2，即可使用样式

3、爱好2：<select class="select2" id="demoSelect2" name="name[]" multiple="multiple" data-placeholder="单击搜索"><option value="4">php</option><option value="5">c</option><option value="6">c++</option></select></div>两种方式模拟select2的样式

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。