javascript - 使用 jQuery 设置多个选择，使用每个

Question

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

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

score 2 · Accepted Answer

尝试如下，

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

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

score 2 · Accepted Answer

这个短的怎么样？

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

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

score 1 · Accepted Answer

像这样做：

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

score 0 · Accepted Answer

您不需要使用每个。这是一个例子。

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

score 0 · Accepted Answer

0

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

工作样本

于 2012-06-01T17:24:32.343 回答

score 0 · Accepted Answer

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

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

javascript - 使用 jQuery 设置多个选择，使用每个

6 回答 6

Related

Reference