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

0

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

作業サンプル

于 2012-06-01T17:24:32.343 に答える

score 0 · Accepted Answer

選択したプロパティを削除すると、デフォルトで最初のプロパティが表示されます。

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

score 0 · Accepted Answer

それぞれを使用する必要はありません。ここに例があります。

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

javascript - jQueryを使用して、それぞれを使用して複数の選択を設定する

6 に答える 6

Related

Reference