HTML
<div class="select">
<select class="myselect">
<option value="交互设计">交互设计</option>
<option value="视觉设计">视觉设计</option>
<optgroup label="开发">
<option value="前端开发">前端开发</option>
<option value="后端开发">后端开发</option>
</optgroup>
<option value="用户研究">用户研究</option>
<option value="产品经理">产品经理</option>
</select>
</div> <script type="text/javascript" src="jquery.js"></script>
<script src="js/selectordie.min.js"></script>
<script>
$(function() {
$('select').selectOrDie();
});
<script> <ul class='ul_demo'> <li><strong>data-custom-id</strong> – 绑定 id</li> <li><strong>data-custom-class</strong> – 绑定 class</li> <li><strong>data-placeholder</strong> – 占位符</li> <li><strong>data-prefix</strong> – 添加前缀</li> <li><strong>data-cycle</strong> – 键盘控制是否循环</li> <li><strong>data-links</strong> – 跳转到链接</li> <li><strong>data-size</strong> – 跳转到外部链接</li> <li><strong>data-tabindex</strong> – 设置 tabindex</li> </ul>
| 参数 | 描述 | 默认值 |
| customID | 绑定 id | 空 |
| customClass | 绑定 class | 空 |
| placeholder | 占位符,同 HTML5 placeholder 属性 | 空 |
| prefix | 添加前缀 | 空 |
| cycle | 键盘控制是否循环 | false |
| links | 跳转到链接 | false |
| linksExternal | 跳转到外部链接 | false |
| size | 设置高度(个数),如果你有一个很长的下拉 | 0 |
| tabIndex | 设置 tabindex | 0 |
| onChange | 下拉框改变之后的回调函数 | 空 |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
