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

Question

我有一个包含 2 个 select option dropdown lists 的页面，每次我必须提交所选选项时我只能使用其中一个，但是如果我使用两个并单击提交，我会收到错误消息 只使用一个列表，这就是它应该如何工作。

例如：

我有 2 个这样的下拉列表

如果我像上图一样选择两者并单击提交，我会收到错误消息，并且所选选项显示为 defult 选项，这就是我想要的，但是当我点击重置按钮时，它需要将它们重置为默认值但没有任何反应。

像这样

下拉列表的选项来自两个不同的数组。

$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>

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

Button to reset the selected option in dropdown list

html

php

reset-button