progNewbie progNewbie - 2 months ago 10
HTML Question

Add infobox button on selectmenu in JQuery

I got the following code:

Also see this fiddle: https://jsfiddle.net/k36snme1/

JS:

$( "#solImport-solution" ).selectmenu({
width: "auto",
change: function( event, data ) {
console.log("TEST");
},
addClass: "overflow"
});


html:

<select name="category" id="solImport-solution">
<option class="placeholder" selected disabled value="">Select a Solution</option>
<option value="test">Test1</option>
</select>


I have this selectmenu from jquery and I'd like to have a small button to the right side with a questionmark for giving infos. How can I achieve that? Is there any build-in function for this?

infobox

Thank you very much!

Answer

For ease and rapid development, I'd use bootstrap. You can add another <div> next to the input and add a "tooltip" on hover.

Bootstrap Tooltip

Comments