有什么方法可以在页面加载时自动选择下拉菜单的值？答案

【问题标题】：Any way to automatically select a value of a dropdown menu when the page loads?有什么方法可以在页面加载时自动选择下拉菜单的值？
【发布时间】：2014-02-16 00:28:26
【问题描述】：

我得到了一个相当简单的网页（从现在开始我将其称为“定制页面”），其中包含一些用于定制产品的下拉菜单。目前它有两个菜单，分别是产品的形状和刻在上面的文字。

我还为每个形状提供了带有简短描述的页面。在这些页面中，我想添加一个链接，上面写着“获取这个”或类似内容，这会将用户带到该自定义页面以个性化他们购买的内容。

问题是，当他们进入该自定义页面时，我希望下拉菜单自动从他们所在的页面中为该形状选择该选项。

如果 JavaScript 可以帮助很多人的话，因为这就是我有信心的全部。如果我可以在 URL 中发送一些信息，那就太好了，如果我知道如何提取它。

（额外）当从下拉菜单中选择一个值时，它会更新页面上的 div 以显示预览。如果可以在页面加载时自动选择一个值，它是否也可能运行该函数来更新图像，还是我必须在其他地方添加它？

【问题讨论】：

当然，有可能。关于这个主题也有很多 SO 问题。你试过什么？

标签： javascript html

【解决方案1】：

有很多方法可以解决这个问题。例如，在服务器端（通过 PHP、Asp.net 等），您可以获取在重定向到自定义屏幕时设置的 URL 参数，然后在页面前的下拉菜单中选择默认选项被渲染。

您也可以轻松地在客户端执行此操作。您只需要从 Url 中获取参数并设置所选选项即可。

Get escaped URL parameter

【讨论】：

【解决方案2】：

是的。并且不涉及任何 Javascript。纯 HTML。

查看MDNs 的精美文档并在示例中查找属性selected。

【讨论】：

您仍然需要在页面重新加载时保持持久状态。这意味着（至少）使用 cookie，也许还有服务器端会话。
但这是次要问题。
持久性是（概念）问题。这也是两者中最难解决的。我认为客户端 only javascript 是不可能的，但是 YMMV.