使用jQuery中的同一类随机选择所有下拉列表

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

我找到了这篇文章，但它似乎只适用于一个select

例如：

<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>

---

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

$(".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);
});

---

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

$(".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);
});

---

工作得很好！谢谢你的帮助。我想对最后一行做一个更详细的解释，以及它是如何工作的！工作得很好！谢谢你的帮助。我想对最后一行做一个更详细的解释，以及它是如何工作的！