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

Question

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

例如：

当我选择42号和耐克鞋的尺寸，然后单击“发送”按钮时，这将带我到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>

如何实现呢？

Answer 1

您可以，窗体不会发送禁用的输入/选择字段。 因此，您应该先验证并禁用它，然后再发送它，

检查代码段，

该代码段不会显示该网址，要查看该网址，请使用“网络”标签，或将该代码段复制到本地

 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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-01-30 03:14:05

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-01-30 03:14:05

解决方案1
1 已采纳 2019-01-30 03:14:05