jqueryoption选中（jquery checked选中）

jQuery option选中

简介：

在使用jQuery的时候，我们经常需要对页面上的下拉框进行操作。其中一个常用的操作是选中某个选项。本文将介绍如何在jQuery中选中option元素。

多级标题：

1. 选中单个option元素

2. 选中多个option元素

3. 使用val()方法选中option元素

详细说明：

1. 选中单个option元素

在jQuery中选中单个option元素可以使用`prop`方法。`prop`方法可以在下拉框中选中指定的option元素。例如，如果我们有一个下拉框的id为`mySelect`，其中有一个值为"option1"的option元素，可以使用以下代码选中该元素：

```

$("#mySelect option[value='option1']").prop("selected", true);

```

2. 选中多个option元素

如果我们需要同时选中多个option元素，使用`attr`方法是一种常用的方法。`attr`方法可以在多个option元素中设置`selected`属性为`selected`来选中元素。例如，我们有一个下拉框的id为`mySelect`，其中有多个值为"option1"、"option2"的option元素，可以使用以下代码选中这些元素：

```

$("#mySelect option[value='option1']").attr("selected", true);

$("#mySelect option[value='option2']").attr("selected", true);

```

3. 使用val()方法选中option元素

除了使用`prop`和`attr`方法，还可以使用`val`方法选中option元素。`val`方法可以设置下拉框的值，并选中对应的option元素。例如，我们有一个下拉框的id为`mySelect`，其中有一个值为"option1"的option元素，可以使用以下代码选中该元素：

```

$("#mySelect").val("option1");

```

总结：

在jQuery中选中option元素的方法有很多种。通过使用`prop`方法、`attr`方法或`val`方法，我们可以轻松地选中页面上的下拉框中的option元素。根据具体的需求选择合适的方法来选中option元素，可以满足我们对下拉框的操作需求。