JQuery如何获取select选中的值

在使用JQuery编写网页时，经常需要获取select元素中选中的值。这里介绍两种可以实现这个目标的方法。 方法一：使用.val()方法 在JQuery中，可以使用.val()方法来获取selec

在使用JQuery编写网页时，经常需要获取select元素中选中的值。这里介绍两种可以实现这个目标的方法。

方法一：使用.val()方法

在JQuery中，可以使用.val()方法来获取select选中的值。具体操作如下：

1. 先编辑一个最基本的select元素的结构：

lt;selectgt;
    lt;option value"1"gt;一lt;/optiongt;
    lt;option value"2"gt;二lt;/optiongt;
    lt;option value"3"gt;三lt;/optiongt;
  lt;/selectgt;

2. 打开浏览器，按F12打开控制台，选择名为"result"的iframe。
3. 在控制台中输入以下代码并运行：
   $("select").val()
   这样就可以准确输出选项的值。

方法二：使用:selected选择器

除了使用.val()方法外，还可以使用:selected选择器来获取选中的元素。具体操作如下：

1. 同样，在控制台中输入以下代码并运行：
   $("select option:selected").val()
   这样就可以选择选中的元素，并通过.val()方法来获取它的值。
2. 此外，还可以使用.text()方法来获取选中元素的文本内容：
   $("select option:selected").text()

通过上述两种方法，我们可以轻松地获取select选中的值，根据实际需求选择合适的方法进行操作。祝您编写愉快的JQuery代码！