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

所属分类:输入-选择框

 30824  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>
相关插件-选择框

穿梭框(原创)

基于vue的双列表选择插件
  选择框
 33889  304

jQuery多级联动插件(单选多选)tntreebox插件

tntreebox实现多级联动一级单选二级三级多选
  选择框
 36595  337

vue 城市下拉模拟组件Citypicker

基于vue开发的城市模拟下拉组件
  选择框
 43280  383

jQuery多选带搜索

input多选搜索样式用的layui.css不喜欢的可自己调。其他JQ
  选择框
 33629  323

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

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