随机化所有下拉选择与jQuery中相同的类

Question

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

我发现了这篇文章Need a jQuery randomly 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);
});