Use Dropdown Bulletin For Free

HTML) Use any element to open the dropdown content, e.g. a <span>, or a <button> element. Use a container element (like <div>) to create the dropdown content and add whatever you want inside of it. Wrap a <div> element around the elements to position the dropdown content correctly with CSS.

$(".dropdown-menu li a"). click(function(){ var selText = $(this). text(); $(this). parents('.btn-group'). find('.dropdown-toggle'). html(selText+' <span class="caret"></span>');

To add a new dropdown option click Add Dropdown in the Custom Options Editor. If a dropdown option doesn't have a valid class name/attribute value, it will not be shown in the dropdown.

When activated, it displays (drops down) a list of values, from which the user may select one. When the user selects a new value, the control reverts to its inactive state, displaying the selected value. It is often used in the design of graphical user interfaces, including web design.

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle="dropdown" attribute. The .caret class creates a caret arrow icon (), which indicates that the button is a dropdown. Add the .dropdown-menu class to a <ul> element to actually build the dropdown menu.

If you are trying to achieve <input> with appended dropdown menu as in the dropdown buttons, then this is one of the solutions: Add a btn-group class to the element that has input-append class, Add elements with classes dropdown-toggle and dropdown-menu at the end of the element with class input-append ,

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle="dropdown" attribute. The .caret class creates a caret arrow icon (), which indicates that the button is a dropdown. Add the .dropdown-menu class to a <ul> element to actually build the dropdown menu.