¿Cómo obtener el valor de un área de texto en jQuery?

Podemos obtener el valor de textarea en jQuery con la ayuda del método val() . El método val() se usa para obtener los valores de elementos como textarea , input y select. Este método simplemente devuelve o establece el atributo de valor de los elementos seleccionados y se usa principalmente con los elementos de formulario. Cuando se invoca en una colección vacía o cuando no se proporciona la entrada, devuelve una salida indefinida o en blanco.

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>How to get the value of textArea</title>
        <script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
        </script>
    </head>
    <body>
        <center>
            <h1 style="color: green;">GeeksforGeeks</h1>
            <textarea id="txtArea"></textarea><br><br>
            <button id="btn">Show Text</button>
        </center>
    </body>
  
    <script>
        $(document).ready(function () {
            
            //This function called when the button is clicked
            $("#btn").click(function () {
                
                // val() method is used to get the values from 
               // textarea and stored in txt variable
                var txt = $("#txtArea").val();
                alert(txt);
            });
        });
    </script>
</html>

Producción:

jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .

Publicación traducida automáticamente

Artículo escrito por Pushpender007 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *