用jquery获取select标签中选中的option值及文本的示例

获取select标签中选中的option值及文本是jQuery中的常用操作。下面是完整的攻略：

获取选中的option值

使用val()方法获取选中的option的值，示例代码如下：

// HTML结构
<select id="fruit">
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

// jQuery代码
var selectedFruit = $("#fruit").val();
console.log(selectedFruit); // 输出选中的选项值

在上面的示例中，我们使用val()方法获取了id为fruit的select元素中选中的option元素的值，并把结果赋值给变量selectedFruit。

获取选中的option文本

使用text()方法或者html()方法获取选中的option的文本，示例代码如下：

// HTML结构
<select id="fruit">
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

// jQuery代码
var selectedFruitText = $("#fruit option:selected").text(); // 方法1
console.log(selectedFruitText); // 输出选中的选项文本

var selectedFruitHTML = $("#fruit option:selected").html(); // 方法2
console.log(selectedFruitHTML); // 输出选中的选项HTML代码

在上面的示例中，我们使用text()方法和html()方法分别获取了id为fruit的select元素中选中的option元素的文本和HTML代码，并把结果赋值给变量selectedFruitText和selectedFruitHTML。需要注意的是，如果option元素中包含HTML代码，使用text()方法只能获取文本内容，而使用html()方法可以获取包含HTML代码在内的整个内容。

以上就是获取select标签中选中的option值及文本的示例攻略。需要注意的是，如果select标签有多选属性（multiple），需要用val()方法获取一个数组类型的选中值。