jquery - 如何将 ul 转换为选项

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

如何转换无序列表:

<ul class="sizeSelect dropdown-menu">
    <li value="112">
        <a onclick="setDropdownText(112);">30x30 30" Waist 30" Leg</a>
    </li>
    <li value="51">
        <a onclick="setDropdownText(51);">30x32 30" Waist 32" Leg</a>
    </li>
    <li value="113">
        <a onclick="setDropdownText(113);">32x30 32" Waist 30" Leg</a>
    </li>
</ul>

致select字段:

<select>
    <option>30x30 30" Waist 30" Leg</option>
    <option>30x32 30" Waist 32" Leg</option>
    <option>32x30 32" Waist 30" Leg</option>
</select>

通过 jQuery？

Answer 1

当然是一个奇怪的要求，但最简单的可能是使用 replaceWith() :

$('.sizeSelect').replaceWith(function() {
    var $select = $('<select>');

    $('li', this).each(function(item) {
        $select.append(new Option($(this).text(), $(this).attr('value')));
    });

    return $select;
});

Demo