用于重置下拉列表中选定选项的按钮答案

【问题标题】：Button to reset the selected option in dropdown list用于重置下拉列表中选定选项的按钮
【发布时间】：2019-05-03 10:39:29
【问题描述】：

我有一个包含 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
 }

【问题讨论】：

提供完整的代码示例以获得帮助。
或者请提供minimal reproducible example。
你希望那个按钮做什么？任何重置按钮都应该只将表单的字段重置为加载它们的状态，如果您将一些配置写入初始标记（就像您在 foreach 循环中所做的那样），您可以修改状态

标签： php html reset-button

【解决方案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>

【讨论】：