0

私はこの選択ステートメントを持っています:

     <select id = "selectLanguage" name="language"
     <option value="any" lang="English">All</option><option value="any" lang="French">Tous</option>
     <option value="french" lang="English">French</option><option value="any" lang="French">Français</option>
     <option value="english" lang="English">English</option><option value="any" lang="French">Englais</option>
     </select>

CSSで：

*:lang(English), *:lang(French) {
display: none;
}

後でユーザーは必要な言語を選択し、その時点で show() を使用して適切な要素を表示します。

jqueryでは、表示されている言語に応じて、各選択の最初のオプションを選択できますか?

たとえば、言語選択で常にすべてが表示されるとどうなりますか

4

2 に答える 2

0

これを見る

$("#selectLanguage option[lang=French]:visible").first().prop("selected","selected");
$("#selectLanguage option[lang=English]:visible").first().prop("selected","selected");
于 2013-03-15T04:07:35.110 に答える
0

選択リストの最初のオプションを選択するには、jQuery の.first()を見てみてください

var first = $('select option').first();

選択リストで選択したオプションを選択するには、jQuery の:selected セレクターを見てみてください

var selected = $('select option:selected');

特定の属性を持つオプションを選択するには、jQuery のAttribute Equals Selectorを見てみてください

var english = $('select option[lang="English]');

これらを組み合わせて最初の英語の選択された要素を取得すると、次のようになります。

var engSelected = $('select option[lang="English]:selected')

編集: HTML 属性が正しく設定されていないようです。これを試してください:

<select id = "selectLanguage" name="language">
  <option value="any" lang="English">All</option>
  <option value="any" lang="French">Tous</option>
  <option value="french" lang="English">French</option>
  <option value="french" lang="French">Français</option>
  <option value="english" lang="English">English</option>
  <option value="english" lang="French">Englais</option>
</select>

ノート：

次のように、属性によって選択を絞り込むこともできます。

var engEnglish = $('select option[value="english"][lang="English"]');
于 2013-03-15T04:02:01.230 に答える