Javascript 单击特定按钮打开另一页，并在下拉列表中显示特定值_Javascript_Html_Css

Javascript 单击特定按钮打开另一页，并在下拉列表中显示特定值

javascript html css

Javascript 单击特定按钮打开另一页，并在下拉列表中显示特定值,javascript,html,css,Javascript,Html,Css,下面是我的html代码。我从第1页开始打开第2页，第2页有一个下拉列表第1页如果我单击打开第2页，然后在下拉列表中显示opel，则此解决方案是纯JavaScript解决方案。如果您有服务器端代码，它可以得到改进，但是，我在您的问题中没有看到这一点，所以，让我们只使用JS 第1页：表格页在第1页上，确保将表单设置为获取并设置输入的name属性。GET允许JS访问表单参数，并且任何表单的任何输入元素都需要名称 <form id="myForm" method=&qu

下面是我的html代码。我从第1页开始打开第2页，第2页有一个下拉列表

第1页

如果我单击打开第2页，然后在下拉列表中显示opel，则此解决方案是纯JavaScript解决方案。如果您有服务器端代码，它可以得到改进，但是，我在您的问题中没有看到这一点，所以，让我们只使用JS

第1页：表格页

在第1页上，确保将表单设置为获取并设置输入的name属性。GET允许JS访问表单参数，并且任何表单的任何输入元素都需要名称

<form id="myForm" method="get">
<input type="button" value="Volvo" name="button">

这将导致选择正确的选择参数

第2页有下拉列表您如何重定向到第2页？您能显示代码吗？我在第1页添加了代码，并在第2页添加了以下代码沃尔沃萨博欧宝const urlParams=new URLSearchParamswindow.location.href；const myParam=urlParams.get'button'；document.getElementById'a'。value=myParam；但点击时下拉列表显示为空白。我的url即将出现，但下拉列表显示为空白。Saurabh Garg:127.0.0.1是一个本地地址，除了您之外，没有人可以连接到该地址。这是一个完整的工作演示，基本上是上述代码的复制/粘贴：我已将值硬编码到saab，因为GET-params不能与JSBin一起工作。@SaurabhGarg-如果没有自己的站点，调试GET-param问题有点困难，因此，请看一个示例。您可以将每页或每页的结果设置为20、30、40等，单击“更新”，它将记住最后一次选择。如果你有一个在线演示，我也可以看看。

<html>

<body>


<form id="myForm">          <-- form to select option -->

<select id="a">
  <option value="volvo">Volvo</option>   >///if click on volvo button show this
  <option value="saab">Saab</option>    >//if click on saab button show this
  <option value="opel">Opel</option>   >//if click on opel button show this

 </select>

</form>

</body>
</html>

<form id="myForm" method="get">
<input type="button" value="Volvo" name="button">

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('button');
document.getElementById('a').value = myParam;