2013-09-29 81 views
1

是否有一個jQuery函數,可以隨機多個下拉選擇菜單在頁面上,如果他們都具有相同的類 - 即使他們是不同的長度?所以當一個人加載一個頁面時,默認選擇不同的選項?隨機化所有下拉選擇相同的類在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> 

回答

4

你想是這樣的: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); 
}); 
+0

工作完美!感謝您的幫助 – Jeremy

+0

超級有用。我喜歡對最後一行的更長時間的解釋以及如何工作! – Amanda

相關問題