如何为jQuery设置select默认选中值

一、选择表单元素

在jQuery中，为了设置select选中的默认值，我们首先需要在HTML文档中确定表单元素的名称或ID。可以使用以下方法选择表单元素：

    
$("select[name='select_name']");
// 或者
$("#select_id");
    

以上代码分别通过选择name或ID属性来选择表单元素。选择name属性需要在属性名称外面加单引号，因为属性值是一个字符串。选择ID属性是通过#符号来标示的。

二、通过.val()方法来设置默认选中值

在选择了表单元素后，我们需要使用.val()方法来设置默认选中值。.val()方法的参数可以是任何可以用于select的选项的值。在下面的例子中，我们选择一个值为”value2″的选项：

    
$("select[name='select_name']").val("value2");
    

以上代码将选择名称属性为select_name的select元素，并将其默认选中值设置为”value2″。

三、通过选项的索引来设置默认选中项

除了选项的值之外，我们还可以使用选项的索引来选择默认选中项。在下面例子中，我们选择第二个选项作为默认选中项：

    
$("select[name='select_name'] option:eq(1)").prop("selected", true);
// 或者
$("select[name='select_name'] option").eq(1).prop("selected", true);
    

以上代码使用:eq()方法选择了第二个选项，并使用.prop()方法将其选择状态设置为选中。也可以使用.eq()方法来选择选项索引。

四、使用.attr()方法来设置默认选中项

除了使用.prop()方法之外，我们还可以使用.attr()方法来选择默认选中项。请参考以下代码示例：

    
$("select[name='select_name'] option[value='value2']").attr("selected", "selected");
    

以上代码选择了值为”value2″的选项，并将其选择状态设置为选中。.attr()方法中需要将selected属性的值设置为”selected”。

五、完整示例代码

以下是一个完整的代码示例：

    



    
    
    
    
        $(function() {
            // 选择表单元素
            var selectElement = $("select[name='select_name']");

            // 通过.val()方法来设置默认选中值
            selectElement.val("value2");

            // 通过选项的索引来设置默认选中项
            // selectElement.find("option:eq(1)").prop("selected", true);
            // 或者
            // selectElement.find("option").eq(1).prop("selected", true);

            // 使用.attr()方法来设置默认选中项
            // selectElement.find("option[value='value2']").attr("selected", "selected");
        });
    


    
        选项1
        选项2
        选项3
    


    

以上代码展示了如何使用.val()方法来设置默认选中值。另外两种方式需要将其中一行代码注释掉来测试。