jQuery UI dialog option(optionName) method

Last Updated : 22 Jan, 2021

This action gets the value currently associated with the specified optionName. optionName’s type is String.

Syntax:

var a = $( ".selector" ).dialog("option","disabled");

Approach:

First, add jQuery Mobile scripts needed for your project.

<link href = 
"https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
    rel = "stylesheet">
<script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
<script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js">
    </script>

Example 1:

HTML

<!doctype html>                                              
<html lang = "en"> 
   <head> 
      <meta charset = "utf-8"> 
      <link href =  
"https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
         rel = "stylesheet"> 
      <script src = "https://code.jquery.com/jquery-1.10.2.js"> 
        </script> 
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"> 
        </script> 
        
      <script> 
         $(function() { 
            $( "#gfg" ).dialog({ 
               autoOpen: false, 
            }); 
            $( "#geeks" ).click(function() { 
            var a = $( "#gfg" ).dialog( "option","disabled"); 
            console.log(a) 
            }); 
         }); 
      </script> 
   </head> 
     
   <body> 
  
      <div id = "gfg" title="GeeksforGeeks">Jquery UI| option(optionName) dialog method</div> 
      <button id = "geeks">Open Dialog</button> 
   </body> 
</html>