jQuery自定义下拉框插件dropdown.js

所属分类:输入-选择框

 30101  309  查看评论 (0)
分享到微信朋友圈
X
jQuery自定义下拉框插件dropdown.js ie兼容8

使用方法

1.HTML结构(带J_dropdown的会启用dropdown功能)

<div class="w-dropdown J_dropdown">
        <input class="dropdown-sel" value="ASP" readonly="readonly">
        <ul class="dropdown-option">
            <li>
                <a href="javascript:;" selectid="1">ASP</a>
            </li>
            <li>
                <a href="javascript:;" selectid="2">.NET</a>
            </li>
            <li>
                <a href="javascript:;" selectid="3">PHP</a>
            </li>
            <li>
                <a href="javascript:;" selectid="4">Javascript</a>
            </li>
            <li>
                <a href="javascript:;" selectid="5">Java</a>
            </li>
        </ul>
    </div>

2. CSS根据自己的需要自定义

3. 引入所需JS文件

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="js/jquery.dropdown.js"></script>
相关插件-选择框

zTree 下拉插件(原创)

基于zTree实现的下拉树型菜单选择
  选择框
 29632  319

聚焦input框,显示下拉框(原创!!)

鼠标聚焦input框,之接显示下拉内容,点击输入框以外的地方因关闭下拉框。
  选择框
 31319  313

jQuery省市联动、下拉框表单美化

jQuery个人信息表单,联动、下拉框表单美化
  选择框
 40969  403

简单的jQuery多选下拉框

单纯的写了一个 平常用到的下拉框
  选择框
 42933  324

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复