ComboSelect下拉框插件使⽤
vb教程视频教学Combo Select 是⼀款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟⼀个简单漂亮的下拉框,在 iPad 等移动设备上⼜能回退到原⽣样式。Combo Select 能够对选项进⾏检索过滤,同时⽀持键盘控制。
使⽤⽅法
1、引⼊⽂件
<link rel="stylesheet" href="css/combo.select.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquerybo.select.js"></script>
2、HTML
<div class="dowebok">
<select>
<option value="">⽉份</option>
<option value="⼀⽉">⼀⽉</option>
<option value="⼆⽉">⼆⽉</option>
<option value="三⽉">三⽉</option>
...
jquery下载文件插件</select>
</div>
3、JavaScript
$(function() {
$('select')boSelect();
二进制十进制转换方法});
配置
ig全球总决赛冠军属性/⽅法类型默认值说明
comboClass字符串combo-select外部控制器的 class
comboArrowClass字符串combo-select-arrow箭头的 class
comboDropDownClass字符串combo-drop-down下拉展开后箭头的 class
inputClass字符串combobox-input text-input输⼊框的 class
disabledClass字符串option-disabled禁⽤选项的 classhtml animation
hoverClass字符串option-hover⿏标经过的 class
selectedClass字符串option-selected被选中项的 class
markerClass字符串combo-marker匹配搜索的 class
maxHeight整数200最⼤⾼度
themeClass字符串空使⽤外部主题
二级c语言含金量extendStyle布尔值true
⽣成后的下拉框的 HTML 如下:
<div class="combo-select">
<select name="month" tabindex="-1"></select>
<div class="combo-select-arrow"></div>
<ul class="combo-drop-down">
<li>....</li>
</ul>
<input type="text" placeholder="请选择" class="combobox-input text-input"> </div>
遇到的坑
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论