jQuery Mobile Selectmenu icon Option Last Updated : 17 Jan, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report 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 the jQuery Mobile Selectmenu icon option for replacing the default icon "carat-d" with an icon from the icon set. When the value of this attribute is set to "false", then it suppresses the icon and for suppressing the icon, a boolean expression must be used. Syntax: Initializing the Selectmenu with the specified icon option. $( ".selector" ).selectmenu({ icon: "star" }); Setting the classes option: $( ".selector" ).selectmenu( "option", "icon", "star" ); Getting the classes option: var disabled = $( ".selector" ).selectmenu( "option", "icon" ); 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: This example describes the jQuery Mobile Selectmenu icon option. HTML <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <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> <style> .highlight { border: 5px solid green; } </style> </head> <body> <center> <div data-role="page"> <h1 style="color:green;"> GeeksforGeeks </h1> <h3>jQuery Mobile Selectmenu icon Option</h3> <div role="main" class="ui-content"> <label for="GFG" class="select"> GeeksforGeeks Courses: </label> <select name="GFG" id="GFG"> <option value="C">C Programming</option> <option value="CPP">C++ Programming</option> <option value="JAVA">Java Programming</option> <option value="overnight">Python Programming</option> <option value="WEB">Web Development</option> </select> </div> <input type="button" id="Button" value="Value of the icon option"> <div id="log"></div> </div> </center> <script> $(document).ready(function () { $("#GFG").selectmenu({ icon: "star", classes: { "ui-selectmenu": "highlight" } }); $("#GFG").selectmenu("option", "icon", "star"); $("#Button").on('click', function () { var a = $("#GFG").selectmenu("option", "icon"); $("#log").html(a); }); }); </script> </body> </html> Output: Reference: https://api.jquerymobile.com/selectmenu/#option-icon Comment More infoAdvertise with us Next Article jQuery Mobile Selectmenu iconshadow Option K Kanchan_Ray Follow Improve Article Tags : Web Technologies JQuery jQuery-Mobile jQuery-Mobile-Selectmenu Similar Reads jQuery Mobile Selectmenu iconpos 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 the jQuery Mobile Selectmenu iconpos option. This option is used for specifying the position of the icon in the select button. Its 2 min read jQuery Mobile Selectmenu iconshadow 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 the jQuery Mobile Selectmenu iconshadow option to set the theme shadow to the select button's icon if set to true. Syntax: Initial 2 min read jQuery Mobile Selectmenu initSelector 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 the jQuery Mobile Selectmenu initSelector option. The value of this option is a selector string that picks elements on the basis o 2 min read jQuery Mobile Selectmenu Widget corners 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 the jQuery Mobile selectmenu Widget corners Option to set the border-radius of selectmenu options. It accepts boolean type value a 1 min read jQuery UI Selectmenu icons Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Selectmenu icons option is used to add an icon with the selectmenu. Syntax: $( ".selector" ).selectmenu({ icons: { butt 1 min read jQuery Mobile Selectmenu option() Method 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 the jQuery Mobile Selectmenu option() method. Using this method, we can get, set or update any parameter’s value of the Selectmenu 3 min read Like