首页
前端开发
Javascript
轻量级JS下拉菜单实现

轻量级JS下拉菜单实现

25 次浏览 0 条评论
zip
zip

以下是一个非常小巧的JS下拉菜单代码示例：

// 创建下拉菜单函数
function createDropdown(options) {
    // 检查输入是否有效
    if (!Array.isArray(options) || options.length === 0) {
        throw new Error('请提供有效的选项数组');
    }

    const dropdown = document.createElement('select');

    options.forEach(option => {
        const opt = document.createElement('option');
        opt.value = option;
        opt.textContent = option;
        dropdown.appendChild(opt);
    });

    return dropdown;
}

// 示例：使用此函数
const myOptions = ['选项1', '选项2', '选项3'];
const dropdownMenu = createDropdown(myOptions);
document.body.appendChild(dropdownMenu);

这个代码实现了一个简单的下拉菜单，并对输入进行了错误处理。

zip 文件大小：18.51KB