如何用jQuery将selectBox选中值设为第一个选项？代码无效求助

你的代码存在不必要的重复查找操作，且可以更简洁高效地实现需求：

原代码在each循环中已经拿到了当前的select元素，没必要再通过name属性重新查找一遍select，直接操作当前元素即可。另外，设置选中第一个选项有更简洁的实现方式。

修正后的代码：

$('.clear-form').click(function () {
    $(this).closest('form').find('select').each(function () {
        // 方式1：通过原生DOM属性直接设置选中索引
        this.selectedIndex = 0;
        // 方式2：通过jQuery val方法设置为第一个选项的值
        // $(this).val($(this).find('option:first').val());
    });
});

关键优化点： #

• 用closest('form')替代parents('form')：closest只会匹配最近的父级表单元素，比parents更精准高效
• 循环内直接操作当前select元素：无需重复查找，避免因上下文或同名元素导致的选择器错误
• 两种设置方式任选：原生selectedIndex性能更优，jQueryval方法更贴合你原有的代码习惯

原代码失效的可能原因： #

• 代码中使用了转义的"，会导致选择器解析错误，实际代码中应直接使用单/双引号
• 重复查找select元素可能因页面存在同名元素，或上下文范围错误，导致无法定位目标选项

内容的提问来源于stack exchange，提问作者ruhatozcan