gpt4 book ai didi

javascript - 如何使用提交按钮添加两个 Select 标签以跳转到 url URL

转载 作者:太空宇宙 更新时间:2023-11-04 06:18:20 38 4
gpt4 key购买 nike

我正在尝试设置下拉菜单选择器。

当访问者从第一个下拉菜单中选择“沃尔沃”并从第二个下拉菜单中选择“白色”时,然后点击提交按钮。他应该跳转到 URL 1,依此类推。

我可以这样做吗?

<body>

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

<select>
<option value="white">White</option>
<option value="black">Black</option>
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>

</body>

最佳答案

<form target="_blank" action="/page_url" method="get">
<select name="carbrand">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel" selected="selected">Opel</option>
<option value="audi">Audi</option>
</select>

<select name="carcolor">
<option value="white">White</option>
<option value="black">Black</option>
<option value="red" selected="selected">Red</option>
<option value="blue">Blue</option>
</select>

<br/><br/>

<input type="submit" value="Submit">
</form>

您可以使用 forminput 标签。

如上例所示,单击按钮后将打开一个新页面(target="_blank" 属性在新窗口或选项卡中打开 URL)。

在这种情况下,使用 method="get" 表单属性,下拉列表的值作为 URI /page_url?carbrand=opel&carcolor=red 中的参数传递。如果改为使用 method="post" 表单属性,则下拉列表的值不会出现在 URL 中。

关于javascript - 如何使用提交按钮添加两个 Select 标签以跳转到 url URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55750531/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com