jQuery Mobile Selectmenu Widget inline Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget inline Option to make the select button act like an inline button so the width is determined by the button's text. It accepts boolean type value and its default value is false.

Syntax:

$( ".selector" ).selectmenu({
 inline: boolean
});

CDN Link: First, add jQuery Mobile scripts needed for your project.

<link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css"> <script src="//code.jquery.com/jquery-3.2.1.min.js"></script> <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>

 

Example:

Output:

👁 Image

Reference: https://api.jquerymobile.com/selectmenu/#option-inline