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

Question

我的页面上有2select 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

 }