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

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

检查代码段，

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

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 个答案: