用于重置下拉列表中所选选项的按钮

Question

我的页面上有2个select option dropdown lists，每次必须提交所选选项时我只能使用其中一个，但是如果我使用两个并单击“提交”，则会出现错误仅使用一个列表，那就是它应该如何工作。

例如：

我有2个像这样的下拉列表

如果我同时选择上面的图片并单击“提交”，则会出现错误，并且所选选项显示为默认选项，这就是我想要的， 但是当我单击“重置”按钮时，需要将它们重置为默认值，但是什么也没有发生。

像这样

下拉菜单的选项来自两个不同的数组。

$test1和$test2是两个不同的数组

<form name="rechner" method = "POST">
<select name="one">
    <option value="" selected hidden>Choose One</option>
           <?php foreach ($test1 as $one => $value) { ?>
           <option value="<?= $value ?>" 
           <?php if ($_POST['one'] == $value) { 
                     echo 'selected="selected"';}?> ><?= $value ?>
            </option><?php
                }
            ?>
</select> 

<select name="two">
    <option value="" selected hidden>Choose one</option>
        <?php foreach ($test2 as $two => $value) { ?>
        <option value="<?= $value ?>" 
        <?php if ($_POST['two'] == $value) {
                  echo 'selected="selected"';}?> ><?= $value ?>
         </option><?php
        }
        ?>
</select> 
<input type="submit" name="calc" value="Submit" />
<input type="reset" name="reset" value="Reset">

</form>

  if ($_POST['calc'] == "Berechnen") {
    /// do something
 }

Answer 1

找到了其他问题的答案 Here

<script type="text/javascript">
      function resetForm($myform) {
            $myform.find('input:password, input:file, select, textarea').val('');
            $myform.find('input:radio,input:checkbox')
                        .removeAttr('checked').removeAttr('selected);
     }
</script>
<form name="rechner" method = "POST" id="myform">
           /////html code/////

<input type="button" value="Reset" onclick="resetForm($('#myform'));">
</form>