填充下拉值循環通過一組鏈接

Question

我想要循環通過a的div內部並填充選擇框的選項值的ahref它顯示使用jQuery的順序

這是我的代碼

<div class="results_filter"> 
    <label for="sort" class="dropdown_label">Sort by:</label> 
    <select name="sort" id="sort" class="custom_select"> 
     <option value="">Make</option> 
     <option value="">Year of Manufature</option> 
     <option value="">Price</option> 
    </select> 
    <a href="/cars/index/sort:make_id/direction:asc">Make</a><a 
     href="/cars/index/sort:model_year/direction:asc">Year of 
    Manufature</a><a href="/cars/index/sort:asking_price_from/direction:asc">Price</a> 
</div> 

我試過，但它不工作

$(document).ready(function() { 
    $('div.results_filter > a').each(function (n) { 
     $("#sort > options" + n).val($(this).text()); 
    }); 
}) 

任何幫助是appre ciated。請不要問我爲什麼這種尷尬的方法。 :)

Answer 1

您必須爲每個元素創建新的option元素並將它們附加到select。

var sort = $("#sort"); 
$("div.results_filter > a").each(function() { 
    var option = $("<option>").attr("value",$(this).attr("href")).text($(this).text()); 
    sort.append(option); 
}); 

http://jsfiddle.net/stwRW/