如何将下拉列表所有<option>转为:selected选择器对象并获取data属性

没问题，我来帮你搞定这个需求——把下拉列表里的每个<option>元素转换成和:selected选择器返回的格式一致的对象，同时提取它们的data属性。下面是具体的实现方案，分原生JavaScript和jQuery两种方式：

原生JavaScript实现 #

这种方式不需要依赖任何库，直接用浏览器原生API就能完成：

// 获取下拉列表中所有的<option>元素
const allOptions = document.querySelectorAll('#dropdownlist option');

// 遍历并转换为目标格式的对象数组
const optionObjects = Array.from(allOptions).map(option => {
  return {
    // 基础属性，和`:selected`选择器返回元素的属性一一对应
    value: option.value,
    text: option.textContent.trim(),
    selected: option.selected,
    // 提取所有data属性，自动处理布尔值转换
    data: Object.fromEntries(
      Object.entries(option.dataset).map(([key, value]) => {
        // 将字符串形式的布尔值转为实际布尔类型
        if (value === 'true') return [key, true];
        if (value === 'false') return [key, false];
        // 如果是数字类型的字符串，也可以在这里转换（可选）
        // if (!isNaN(value)) return [key, Number(value)];
        return [key, value];
      })
    )
  };
});

// 输出转换后的结果
console.log(optionObjects);

代码说明： #

• document.querySelectorAll('#dropdownlist option') 获取下拉列表里所有<option>元素，返回一个NodeList集合
• Array.from() 把NodeList转为数组，方便用map()遍历处理每个元素
• option.dataset 是浏览器原生API，能直接获取元素上所有以data-开头的属性，属性名会自动转为驼峰式（比如data-isXX会变成dataset.isxx）
• 用Object.fromEntries()+Object.entries()的组合，能动态提取所有data属性，不用硬编码，适配未来可能新增的data属性
• 针对data-isXX这类布尔值属性，手动把字符串的'true'/'false'转换成实际布尔类型，避免后续使用时出现类型混淆

jQuery实现 #

如果你的项目已经在用jQuery，可以用更简洁的方式实现：

// 遍历所有option并转换为对象数组
const optionObjects = $('#dropdownlist option').map(function() {
  const $option = $(this);
  return {
    value: $option.val(),
    text: $option.text().trim(),
    selected: $option.is(':selected'),
    // jQuery的data()方法会自动转换类型（布尔、数字等）
    data: $option.data() // 直接获取所有data属性，无需手动列举
  };
}).get();

// 输出结果
console.log(optionObjects);

代码说明： #

• $('#dropdownlist option') 选中所有目标option元素
• map() 遍历每个元素并返回转换后的对象，最后用get()把jQuery对象转为普通数组
• jQuery的data()方法非常智能，不带参数时会返回包含所有data属性的对象，还会自动把字符串形式的布尔值、数字转换成对应的类型，不用手动处理

转换完成后，optionObjects数组里的每个对象就和你用:selected选择器选中单个元素后构建的格式完全一致了，同时完整保留了每个option的data属性信息。

内容的提问来源于stack exchange，提问作者Proxyon