gpt4 book ai didi

javascript - 单击按钮时是否可以跳过/忽略发送的特定选项值?

转载 作者:行者123 更新时间:2023-12-03 00:18:33 25 4
gpt4 key购买 nike

单击按钮时是否可以跳过/忽略发送的特定选项值?

例如:

当我选择 42 码和 nike 鞋,然后单击“发送”按钮时,这将带我到 http://example.com?size=42&shoes=nike

当我选择尺码 42 和所有鞋子,然后单击“发送”按钮时,我想从请求中跳过/忽略 value="all",以便需要我给http://example.com?size=42而不是http://example.com?size=42&shoes=all

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="http://example.com" method="get">
<p>
<select name="size">
<option value="42">42</option>
<option value="43">43</option>
</select>
</p>
<p>
<select name="shoes">
<option value="all">All</option>
<option value="nike">nike</option>
<option value="addidas">addidas</option>
</select>
</p>
<p>
<input type="submit" value="Send">
</p>
</form>
</body>
</html>

如何实现这一目标?

最佳答案

您可以,表单不会发送禁用的输入/选择字段。因此,您应该在发送之前验证并禁用它,

检查代码片段,

snippet will not show the URL, To see the URL use the network tab OR copy the snippet to your local

function checkMyForm(){

var shoes = document.getElementById("shoes").value;

if(shoes == "all"){

document.getElementById("shoes").disabled = true;

}

return true;

}
<form action="http://example.com" method="get" onsubmit="return checkMyForm()">
<p>
<select name="size">
<option value="42">42</option>
<option value="43">43</option>
</select>
</p>
<p>
<select name="shoes" id="shoes">
<option value="all">All</option>
<option value="nike">nike</option>
<option value="addidas">addidas</option>
</select>
</p>
<p>
<input type="submit" value="Send">
</p>
</form>

关于javascript - 单击按钮时是否可以跳过/忽略发送的特定选项值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54432670/

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