javascript - 如何在表单中仅发布用户选择的值

Question

我有一个包含 6 <select> 的表格选项。全部<select> filed 将具有相同的值但具有不同的名称。 像这样:

<form action="" method="post">
    <select name="var1" class="form-control">
     <option value="0">0</option>
     <option value="10">10</option>
     <option value="20">20</option>
     <option value="50">50</option>
     <option value="100">100</option>
     </select>

    <select name="var2" class="form-control">
         <option value="0">0</option>
         <option value="10">10</option>
         <option value="20">20</option>
         <option value="50">50</option>
         <option value="100">100</option>
    </select>
    <input type="submit" name="submit" value="Submit"/>
</form>

我将这些信息提交到同一个页面，但是在提交之前是否可以过滤掉那些大于0的变量？我要POST只有那些值大于 0 的变量。我该怎么做？

Answer 1

您可以按照这些步骤作为想法。

1. 使用 preventDefault() 阻止提交表单或点击提交按钮时的默认事件；功能。
2. 检查所有选择框的值是否大于 0。如果是，则为大于 0 的值创建查询字符串。
3. 查询字符串类似于“var1=3&var3=4”。
4. 使用 $.post();/$.ajax();提交数据的功能。引用 https://api.jquery.com/jquery.post/

您还可以找到 jQuery 和 ajax 的在线教程。喜欢 w3schools 或 https://api.jquery.com