jquery - 如何将 ul 转换为选项

标签 jquery

如何转换无序列表:

<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?

最佳答案

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

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

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

    return $select;
});

Demo

关于jquery - 如何将 ul 转换为选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22157959/

相关文章:

jquery - jQuery UI Touch 库是否有别名?

javascript - 使用 html jQuery 对象时 jQuery .data 不起作用

javascript - JS触发值检查更改和加载文档加载后添加到页面的元素

jquery - 剪切文字效果

Javascript 尝试使用 string.replace() 和正则表达式作为列表值

javascript - jQuery/CSS 脚本根据一天中的时间更改按钮颜色

javascript - 将具有未知属性的 JavaScript 对象发送到 asp.net MVC Controller

javascript - 限制可拖放的次数,并计算是否正确?

javascript - Wordpress 联系表 7 单选按钮值重定向不起作用

javascript - 允许 Select2 元素中的标签