使用 jQuery 设置多个选择

Using jQuery to set multiple selects using each

本文关键字：选择 设置 jQuery 使用      更新时间：2023-09-26

我有一个充满选择的页面，它们都有一个共同的类。 我需要将他们每个人都设置为他们的第一个选项。 很简单，对吧？ 但是我最终开始工作的感觉就像一个黑客......有没有更好的方法？

$('.myclass').each(function() {
    var firstOptSelector = '#' + $(this).attr('id') + ' option:first'; // HACK
    $(firstOptSelector).attr('selected','selected');
});

尝试如下，

$('.myclass').each(function() {
   this.selectedIndex = 0;
});

演示：http://jsfiddle.net/ZDYjP/

这个短的怎么样？

​$(".myclass :first-child").prop("selected", true);​​​​​​​​​

演示：http://jsfiddle.net/u8S54/

这样做：

$('.myclass').each(function() {
    $(this).find('option:first').attr('selected','selected');
});

您不需要使用每个。下面是一个示例。

​$('.select').find('option:first').prop('selected', true );

$("option:first", ".myselect").prop('selected', true);

工作样品

如果删除所选属性，则默认情况下显示第一个属性。

$('.myclass').find('option:selected').removeAttr("selected");
相关文章：