How to create left positioned icon selects using jQuery Mobile ? Last Updated : 30 Jul, 2024 Comments Improve Suggest changes 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 making left positioned icon selects using jQuery Mobile.Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>Example: HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> left positioned Selects using jQuery Mobile </h4> </center> <form> <div data-role="fieldcontain"> <label for="Geeks">Select Element:</label> <select name="Geeks" id="Geeks" data-iconpos="left"> <option value="1">Geeks1</option> <option value="2">Geeks2</option> <option value="3">Geeks3</option> <option value="4">Geeks4</option> </select> </div> </form> </body> </html> Output: Comment More infoAdvertise with us Next Article How to create top positioned icon selects using jQuery Mobile ? T taran910 Follow Improve Article Tags : JQuery jQuery-Mobile Similar Reads How to create top positioned icon selects using jQuery Mobile ? 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 making top positioned icon selects using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel= 1 min read How to create right positioned icon selects using jQuery Mobile ? 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 making right positioned icon selects using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link re 1 min read How to create bottom positioned icon selects using jQuery Mobile ? 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 making bottom positioned icon selects using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link r 1 min read How to create Left positioning icon using jQuery Mobile ? 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 making Left positioning icon using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel="styl 1 min read How to create Top positioning icon using jQuery Mobile ? 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 making Top positioning icon using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel=â€styles 1 min read How to create Selected Option Select using jQuery Mobile ? 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 creating a Selected Option Select using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel= 1 min read Like