Recent news

Wednesday, 18 May 2016

Dropdown Button Menu Jquery Plugin With Multiple Dropdown Themes

jui_dropdown is a jquery dropdown list plugin to populate the dropdown list value with multiple theams.

How To Use

1. Add the below library reference

<link id="ui-theme" rel="stylesheet" type="text/css" href=""/>
<link rel="stylesheet" type="text/css" href=""/>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>

2. Now add the below html tag.

<div id="demo_drop4">
  <div id="launcher4_container">
    <button id="launcher4">Select</button>
  <ul id="menu4">
    <li id="opt_4.1"><a href="javascript:void(0);">Option-4.1</a></li>
    <li id="opt_4.2"><a href="javascript:void(0);">Option-4.2</a></li>
    <li id="opt_4.3"><a href="javascript:void(0);">Option-4.3</a></li>

3. Add the below code to populate dropdown

        launcher_id: 'launcher4',
        launcher_container_id: 'launcher4_container',
        menu_id: 'menu4',
        launcherUIShowText: false,
        launcherUISecondaryIconClass: 'ui-icon-gear',
        menuClass: 'menu4',
        containerClass: 'container4',
        my_position: 'right top',
        at_position: 'right bottom',
        onSelect: function (event, data) {
            $("#result").text('index: ' + data.index + ' (id: ' + + ')');

Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles