Question

我有一个充满选择的页面，他们都有一个共同的类。我需要将它们中的每一个都设置为第一个选项。容易，对吗？但是我最终上班的感觉就像这样的黑客......有更好的方法吗？

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

Answer 1

尝试如下，

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

DEMO： http://jsfiddle.net/ZDYjP/

Answer 2

这个短篇小说怎么样？

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

DEMO： http://jsfiddle.net/u8S54/

Answer 3

这样做：

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

Answer 4

您不需要使用每个。这是an example。

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

Answer 5

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

<强> Working sample

Answer 6

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

$('.myclass').find('option:selected').removeAttr("selected");

使用jQuery使用每个选项设置多个选择

6 个答案: