jQWidgets jqxTextArea destroy() Method

Read

Discuss

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxTextArea represents a jQuery Textarea widget that is used to insert text content inside the textbox.

The destroy() method is used to destroy the jqxTextArea widget. It does not accept any parameter and does not return any value.

Syntax:

$('selector').jqxTextArea('destroy');

Linked Files: Download jQWidgets from the given link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqx-all.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”.jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxtextarea.js”></script>

Example: The below example illustrates the jQWidgets destroy() method property.

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <link rel="stylesheet" href= 
        "jqwidgets/styles/jqx.base.css" type="text/css" /> 
    <script type="text/javascript" 
        src="scripts/jquery-1.11.1.min.js"></script> 
    <script type="text/javascript" 
        src="jqwidgets/jqx-all.js"></script> 
    <script type="text/javascript" 
        src="jqwidgets/jqxcore.js"></script> 
    <script type="text/javascript" 
        src=".jqwidgets/jqxbuttons.js"></script> 
    <script type="text/javascript" 
        src="jqwidgets/jqxscrollbar.js"></script> 
    <script type="text/javascript" 
        src="jqwidgets/jqxtextarea.js"></script> 
</head> 
  
<body> 
    <center> 
        <h1 style="color: green;"> 
            GeeksforGeeks 
        </h1> 
  
        <h3> 
            jQWidgets jqxTextArea destroy() Method 
        </h3> 
  
        <textarea id='jqxTA'></textarea> 
        <br> 
        <input type="button" id='jqxBtn' 
            style="padding: 5px 20px;" 
            value="Destroy the Textarea" /> 
    </center> 
  
    <script type="text/javascript"> 
        $(document).ready(function() { 
            var data = [ 
                "Computer Science", 
                "C Programming", 
                "C++ Programming", 
                "Java Programming", 
                "Python Programming", 
                "HTML", 
                "CSS", 
                "JavaScript", 
                "jQuery", 
                "PHP", 
                "Bootstrap" 
            ]; 
  
            $('#jqxTA').jqxTextArea({ 
                source: data, 
                width: 250, 
                height: 100, 
                placeHolder: 'Enter Subjects...' 
            }) 
  
            $('#jqxBtn').on('click', function() { 
                $('#jqxTA').jqxTextArea('destroy'); 
            }); 
        }); 
    </script> 
</body> 
  
</html>

Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtextarea/jquery-textarea-api.htm

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 26 Aug, 2021

jQWidgets jqxTextArea minLength Property

jQWidgets jqxDragDrop dropAction Property

jQWidgets jqxTextArea destroy() Method

HTML

Please Login to comment...