jQuery UI Selectmenu disable() Method

jQuery UI Selectmenu destroy() Method

Last Updated : 24 May, 2022

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 widget can provide us with select options. We can use this widget to make a form for different actions.

The jQuery UI Selectmenu destroy() method is used to destroy the select menu list.

Syntax:

$( ".selector" ).selectmenu( "destroy" );

Parameters: This method does not accept any parameter.

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

<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css”>
<script src=”//code.jquery.com/jquery-1.12.4.js”></script>
<script src=”//code.jquery.com/ui/1.12.1/jquery-ui.js”></script>

Example: This example describes the uses of jQuery UI Selectmenu destroy() Method.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>
        jQuery UI Selectmenu destroy() Method
    </title>
    <link rel="stylesheet" href=
"//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.12.4.js">
    </script>
    <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js">
    </script>
</head>
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
        <h3>jQuery UI Selectmenu destroy() Method</h3>
        <label for="sub">Select Computer Subject:</label>
        <select name="sub" id="sub">
            <option value="html">HTML</option>
            <option value="css">CSS</option>
            <option value="js">JavaScript</option>
            <option value="java">Java</option>
            <option value="python">Python</option>
        </select>
        <br><br>
        <input type="button" id="btn" value="Destroy the Widget" 
            style="padding: 5px 15px;">
    </center>
    <script>
        $(document).ready(function () {
            $("#sub").selectmenu();
            $("#btn").on('click', function () {
                $("#sub").selectmenu("destroy");
            });
        });
    </script>
</body>
</html>

Output:

Reference: https://api.jqueryui.com/selectmenu/#method-destroy

jQuery UI Selectmenu disable() Method

B

blalverma92

Improve

Article Tags :

Similar Reads

jQuery UI Selectable destroy() Method

jQuery UI consists of GUI widgets, visual effects, and themes implemented using the jQuery JavaScript library. jQuery UI is great for building UI interfaces for the webpages. It can be used to build highly interactive web applications or can be used to add widgets easily. The jQuery UI Selectable de

jQuery Mobile Selectmenu destroy() Method

jQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. The destroy() method is used to remove the selectmenu functionality completely an

jQuery UI Selectmenu disable() Method

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 widget can provide us with select options. We can use this widget to make a form for different actions. The

jQuery UI Selectmenu close() Method

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 widget can provide us with select options. We can use this widget to make a form for different actions. The

jQuery UI Selectmenu instance() Method

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 widget can provide us with select options. We can use this widget to make a form for different actions. The

jQuery UI Slider destroy() Method

jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQuery UI provides us a slider control through the slider widget. Slider helps us to get a certain value using a given range. In this

jQuery UI Selectmenu enable() Method

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 widget can provide us with select options. We can use this widget to make a form for different actions. The

jQuery UI Sortable destroy() Method

jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web appl

jQuery UI Selectmenu open() Method

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 widget can provide us with select options. We can use this widget to make a form for different actions. The

jQuery UI Spinner destroy() Method

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. jQuery UI spinner widget helps us to increment and decrement values of an input element using up and down arrows. In this article, we