代码拉取完成,页面将自动刷新
Bootstrap 风格页面中Select在不同的浏览器下呈现各有不同,但是相同的一点是非常的丑陋,由于表单录入、数据展示时下拉框经常与文本框一同使用,下拉框在form-control样式下与文本框宽度不一致,使用起来非常的别扭,本人利用文本框改造了一个下拉框样式使用起来非常方便与美观,与文本框一起使用非常完美。
单页面演示:http://longbowenterprise.gitee.io/longbow-select/
项目内演示:http://argo.zylweb.cn/ (本项目为开源后台管理框架 [BootstrapAdmin])
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://cdn.bootcss.com/font-awesome/5.7.2/css/all.min.css">
<link href="./disk/longbow-select.css">
将引入样式表的 <link> 标签复制并粘贴到 <head> 中,并放在所有其他样式表之前。
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="./disk/longbow-select.js"></script>
将引入脚本的 <script> 标签复制并粘贴到 <body> 最后面。
添加网页Html元素
<select id="test" class="d-none">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
<select id="test" class="d-none">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
<script>
$('#test').lgbSelect();
</script>
可以根据自己需要设置占位符,边框颜色等
<select id="test" class="d-none">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
<script>
$('#test').lgbSelect({ borderClass: 'primary' });
</script>
请前往 Issue 页面添加问题
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。