Question

我想循环遍历div中的a并使用href的{{1}}值填充其正上方的选择框的选项值出现使用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>

感谢任何帮助。请不要问我为什么这个尴尬的方法。：）

Answer 1

您必须为每个元素创建新的option元素，并将它们附加到选择。

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/

填充通过一组链接循环的下拉值

1 个答案: