SelectMenu including regular, advanced, right click and embedded and so on types menu features

1.Classic usage

A. Select your favorite NBA team:

The NBA team logo images copyright comes form china.nba.com

B. Choose teams to follow team news:

C. Which site you want to visit ?

D. Menu embedded to page

E. your mouse right click to call menu

Mouse right click this area

2.1 Regular menu

2.2 Menu with title bar

2.3 Menu item with header type

2.4 Menu with arrow, like a bubble

2.5 Multiple level menu

3.1 Advanced menu

3.2 close quick search bar

3.3 set menu size show menu item size

3.4 Multiple group data menu (tabs), multiple select mode

3.5 Set item selected when menu init complete

3.6 Custom menu item template

3.7 Callback

4.1 Mouse operation menu mode use mouse right button click or mouse move

Mouse right click to call regular menu

Mouse right click this area

Mouse right click to call advanced menu

Mouse right click this area

mouse enter area to open menu, leave area to close menu

Mouse enter this area to open menu, leave to hide menu

5.1 Menu with dynamic data

  • SelectPage
  • SelectMenu
  • bDialog
  • bPage
  • bTabs

6.1 Menu embedded to page not in the form of pop show

Regular menu embedded to page

Advanced menu embedded to page

7.Data linkage multiple function use cases

With the other plugin linkage SelectPage、bDialog

SelectPage

A simple style and powerful selection jQuery plugin, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features

bDialog

Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including :

  • Modal
  • Alert
  • Mask
  • Toast

Selected province：none