Javascript/jQuery - 使用基於變量索引的數組<option>

Question

我想要在select標記中獲得options的數量，然後從中生成相同數量的圖像路徑。

​​

Answer 1

您可以通過有環和創建像

$images = []; 
for (var i=1;i<= $optionIndex ;i++) 
{ 
    $images.push(imagePath + i + ".jpg"); 
} 

Demo

Answer 2

一個數組的事情是$("option", "select").index應$("option", "select").index()。否則，您將最終得到index方法的函數引用。但是我想你想要這個長度然後迭代。

但在這裏，你可以這樣做：

var $imagePathArray = $("select").find("option").map(function(i){ //<-- zero based index 
     return imagePath + i + ".jpg" ; 
}).get(); 

Demo

Answer 3

試着這麼做：

var selOps = $('#selectId>option'), imagePath = '/images/slider/slide-', imgs = []; 
selOps.each(function(i){ 
    imgs[i] = imagePath+this.val()+'.jpg'; 
}); 
$(window).load(function(){ 
    var $slider = $(".slider").slider({ 
    // not sure there is an images property of the slider object, so I'm confused about this part 
    }); 
});