jQuery 获取输入文本 - Javascript

在Web开发中，表单是最常用的输入方式之一，而jQuery提供了一种便捷的方法来获取用户输入的表单内容。本文将介绍如何使用jQuery来获取输入文本。

步骤

1. 获取文本输入框的值

   使用jQuery的val()方法可以获取文本输入框中的值。例如：

   let inputText = $('#inputText').val();
   

   这个例子中，我们使用id选择器来获取具有id为"inputText"的文本输入框，然后使用val()方法获取文本框中的值。

2. 获取多行文本框的值

   如果我们需要获取多行文本框的值，可以使用jQuery的text()方法。例如：

   let textarea = $('#textarea').text();
   

   在这个例子中，我们使用id选择器来获取具有id为"textarea"的多行文本框，然后使用text()方法获取文本框中的值。

3. 获取下拉列表框的选定值

   对于下拉列表框，我们需要使用jQuery的val()方法来获取选定值。例如：

   let selectedValue = $('#selectBox').val();
   

   在这个例子中，我们使用id选择器获取具有id为"selectBox"的下拉列表框，然后使用val()方法来获取选定的值。

示例代码

// 获取文本输入框的值
let inputText = $('#inputText').val();

// 获取多行文本框的值
let textarea = $('#textarea').text();

// 获取下拉列表框的选定值
let selectedValue = $('#selectBox').val();

// 对获取到的值做进一步处理
console.log('输入文本：' + inputText);
console.log('多行文本：' + textarea);
console.log('下拉列表框：' + selectedValue);

结论

通过jQuery，我们可以方便地获取用户输入的表单内容。我们只需要使用对应的选择器和方法即可。