时间戳

首页 > 解决方案 > 用于重置下拉列表中选定选项的按钮

php - 用于重置下拉列表中选定选项的按钮

问题描述

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

标签： phphtmlreset-button

解决方案

在这里找到其他问题的答案 

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

推荐阅读