如何在 jQuery 中获取文本框的值？

本文的目的是演示如何使用 jQuery 获取文本框的值。需要对 HTML、CSS 和 jQuery 有基本的了解。这可以通过使用 jQuery val() 方法来完成。

val() 方法：该方法用于设置或返回所选元素的属性值。

语法：获取文本框值的方法

$().val()

方法：

• 在本地系统中创建文件index.html 。
• 在 HTML 正文中创建一个输入字段（输入文本）。
• 要获取您需要附加的输入文本的值 值（） 方法到该特定选定的输入元素。

示例：在此示例中，我们将看到输入val()方法的使用。我们获取一个输入字段（输入文本）并为其附加一个输入事件侦听器。当用户在文本框中键入任何字母或单词时，它将立即在输入字段的底部显示文本。

HTML

  

    
    
  
    
        $(document).ready(function () {
            $('.textbox').on('input', function () {
  
                // Set the inner text of the
                // of the span tag
                $('span').text($('.textbox').val());
            });
        });
    
  
    
        .container {
            display: flex;
            justify-content: center;
        }
  
        h1 {
            color: green;
        }
  
        span {
            margin-top: 10px;
        }
    

  

    
        GeeksforGeeks
    
  
    
        
    
  
    

  

输出：