jquery - 在jQuery中使用相同的类随机化所有下拉选择

Question

是否有一个 jQuery 函数可以随机化页面上的多个下拉选择菜单，如果它们都具有相同的类 - 即使它们的长度不同？那么当一个人加载一个页面时，默认会选择不同的选项吗？

我发现这篇文章Need a jQuery random selected identifier from options available，但它似乎只适用于一个选择。

例子：

<select class="selector">
 <option>Option A</option>
 <option>Option B</option>
 <option>Option C</option>
 <option>Option D</option>
</select>

<select class="selector">
 <option>Option A</option>
 <option>Option B</option>
 <option>Option C</option>
</select>

<select class="selector">
 <option>Option A</option>
 <option>Option B</option>
 <option>Option C</option>
 <option>Option D</option>
 <option>Option E</option>
</select>

Answer 1

你想要这样的东西：http: //jsfiddle.net/LV8ty/10/ 它基本上是你链接到的帖子中的例子，只是稍微调整了一下，我为每个选择添加了循环

$(".selector").each(function () {
var options = $(this).children('option');
var random = Math.floor(options.length * (Math.random() % 1));
options.attr('selected', false).eq(random).attr('selected', true);
});