网站的下列列表框的所有选项导出

中台的有些网页我想得到所有的选项下拉列表,这是Ant Design(React UI组件库)的模拟下拉框组件,不是原生<select>。需要用不同的方法获取选项

打开F12,控制台,然后粘贴,然后点击下拉列表,就从控制台看到了所有项目了

// 监听下拉框点击事件
document.addEventListener('click', function(event) {
const target = event.target.closest('.ant-select');
if (target) {
console.log('下拉框被点击,正在获取选项...');

// 等待下拉框展开
setTimeout(() => {
const dropdown = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
if (dropdown) {
const options = dropdown.querySelectorAll('.ant-select-dropdown-menu-item');
const optionTexts = Array.from(options).map(opt => opt.textContent.trim());
console.log('所有选项:', optionTexts);

// 自动复制
navigator.clipboard.writeText(optionTexts.join('\n')).then(() => {
console.log('已复制选项到剪贴板!');
});
}
}, 300);
}
});

console.log('监听已开启,请点击任意下拉框,选项将自动复制到剪贴板');

posted @ 2026-03-27 16:26  saromman  阅读(76)  评论(0)    收藏  举报