jquery获取select选中的文本与值

以下是“jQuery获取select选中的文本与值的完整攻略”的详细讲解，过程中包含两个示例说明的标准Markdown格式文本：

jQuery获取选中的文本与值的完整攻略

在jQuery中，可以使用val()方法获取select选中的值，使用text()方法获取select选中文本。以下是这两个方法的详细步骤：

获取select选中的值

可以使用val()方法获取select选中的值。以下是获取select选中的值的详细步骤：

1. 使用jQuery选择器选择select元素。例如，以下是选择id为select的select元素的示：

javascript
const selectElement = $('#select');

1. 使用val()方法获取select选中的值。例如，以下是获取select选中的值的示例：

javascript
const selectedValue = selectElement.val();

在上面的示例中，我们使用val()方法获取了select选中的值，并将结果保存在selectedValue变量中。

获取select选中的文本

可以使用text()方法获取select选中的文本。以下是获取select选中的文本的详细步骤：

1. 使用jQuery选择器选择select元素。例如，以下是选择id为select的select元素的示例：

javascript
const selectElement = $('#select');

1. 使用find()方法查找选中的option元素。例如，以下是查找选中的option元素的示例：

javascript
const selectedOption = selectElement.find('option:selected');

在上面的示例中，我们使用find()方法查找选中的option元素，并将结果保存在selectedOption变量中。

1. 使用text()方法获取选中的option元素的文本。例如，以下是获取选中的option元素的文本的示例：

javascript
const selectedText = selectedOption.text();

在上面的示例中，我们使用text()方法获取选中的option元素的文本，并将结果保存在selectedText变量中。

示例1：获取select选中的值

以下是获取select选中的值的示例代码：

const selectElement = $('#select');
const selectedValue = selectElement.val();
console.log(selectedValue);

在上面的示例中，我们选择了id为select的select元素，并使用val()方法获取了select选中的值，并将结果输出到控制台。

示例2：获取select选中的文本

以下是获取select选中的文本的示例代码：

const selectElement = $('#select');
const selectedOption = selectElement.find('option:selected');
const selectedText = selectedOption.text();
console.log(selectedText);

在上面的示例中，我们选择了id为select的select元素，并使用find()方法查找选中的option元素，然后使用text()方法获取选中的option元素的文本，并将结果输出到控制台。

总结

以上是jQuery获取select选中的文本与值的完整攻略。可以使用val()方法获取select选中的值，使用text()方法获取select选中的文本。在实际应用中，可以根据具体需求进行选择和使用，以获得更好的效果。