Skip to content
Related Articles

Related Articles

How to create Optgroup 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 Optgroup 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=
            optgroup option Selects 
            using jQuery Mobile
        <div data-role="fieldcontain">
            <label for="Geeks">Select Element:</label>
            <select name="Geeks" id="Geeks">
                <optgroup label="Group 1">
                    <option value="1">Geeks1</option>
                    <option value="2">Geeks2</option>
                    <option value="3">Geeks3</option>
                    <option value="4">Geeks4</option>
                <optgroup label="Group 2">
                    <option value="5">Geeks5</option>
                    <option value="6">Geeks6</option>
                    <option value="7">Geeks7</option>


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!