作为选择，下拉菜单中显示的选项是我们从 URL 中传递的参数中获得的值

Question

我有一个带参数的URL，如下图。

要检索参数，我使用以下代码行：

let url_string = window.location.href;
let url2 = new URL(url_string);
let name_url = url2.searchParams.get("name");

到目前为止没有任何问题。

我希望 url 中的此参数用作 select 的选项，因此已经预先设置为与我们在 [= 中传递的参数相对应的值38=]（在我们的体育案例中）。

我试图在互联网上搜索，但我找到的示例显示在 jQuery 中，但我只需要在 Javascript 中。

谁能帮我做这个？

Answer 1

将 name_url 分配给 select 的 .value 属性。

let url_string = window.location.href;
let url2 = new URL(url_string);
let name_url = url2.searchParams.get("name");
document.getElementById("your-select").value = name_url;

将your-select替换为您要预设的<select>的ID。

作为选择，下拉菜单中显示的选项是我们从 URL 中传递的参数中获得的值

As a selection the option present in the drop-down menu to the value we get from the parameter we pass in the URL

html

javascript