Skip to content
Related Articles

Related Articles

How to create a Mini sized selects using jQuery Mobile ?

Improve Article
Save Article
  • Last Updated : 20 Dec, 2020
Improve Article
Save Article

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 Mini sized selects using jQuery Mobile.

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

<link rel=”stylesheet” href=””/>
<script src=””></script>
<script src=””></script>



<!DOCTYPE html>
    <link rel="stylesheet" href=
    <script src=
    <script src=
            Mini sized Selects using
            jQuery Mobile
        <div data-role="fieldcontain">
            <label for="Geeks">Select Element:</label>
            <select name="Geeks" id="Geeks" data-mini="true">
                <option value="1">Geeks1</option>
                <option value="2">Geeks2</option>
                <option value="3">Geeks3</option>
                <option value="4">Geeks4</option>


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!