本文介绍如何在点击首页链接时跳转到目标页，并根据 url 参数自动选中对应下拉菜单项，使用原生 javascript 与 url api 实现，无需框架，兼容性好、语义清晰。
本文介绍如何在点击首页链接时跳转到目标页，并根据 url 参数自动选中对应下拉菜单项，使用原生 javascript 与 url api 实现，无需框架，兼容性好、语义清晰。
要实现“点击不同链接跳转至同一页面并自动选中指定下拉选项”，核心思路是：将选项标识作为 URL 查询参数（query parameter）传递过去，目标页加载时解析该参数并设置 。
✅ 步骤一：改造首页链接，添加查询参数
为每个锚点链接添加 ?option=xxx，值需与目标页
<!-- page1.html --> <a href="page2.html?option=Option-1">1</a> <a href="page2.html?option=Option-2">2</a> <a href="page2.html?option=Option-3">3</a> <a href="page2.html?option=Option-4">4</a> <a href="page2.html?option=Option-5">5</a> <a href="page2.html?option=Option-6">6</a> <a href="page2.html?option=Option-7">7</a> <a href="page2.html?option=Option-8">8</a>
⚠️ 注意：确保文件名正确（如 page2.html），且参数名统一为 option（后续 JS 依赖此名称）。
✅ 步骤二：在目标页解析参数并设置选中项
在 page2.html 的
