javascript - 在选择框的 onchange 上将选择框值传递到 javascript 中的 php 页面

Question

我有一个选择框，显示一些日期范围，例如“今天、昨天、上周”。我的任务是获取所选值并将其传递到另一个 php 页面。我编写了一个基本的 javascript 函数，它获取所选选项并提醒该选项。

谁能帮我解决这个问题..

这里是选择框代码和 JavaScript 函数:

 <form action="" method="POST" name="daterangeform" id="datedangeform">
              <select class="select2_category form-control" name="selectdate" onChange="formaction($(this).val())"> 
              <option value="">Select a date range</option>
              <option value="Today">Today</option>
              <option value="Yesterday">Yesterday</option>
              <option value="Last week">Last week</option>
              <option value="Last 30 Days">Last 30 Days</option>
              </select>
              </form>
<script>
              function formaction(id)
              {
             var tid=id;
            alert(tid);
                            document.getElementById('daterangeform').action ="date.php";
            document.datedangeform.submit();
              }
              </script>

Answer 1

您使用了错误的表单 ID。更改此行

document.getElementById('daterangeform').action ="date.php";

致

document.getElementById('datedangeform').action ="date.php";`

或者将表单标记 ID 更改为

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" name="daterangeform" id="daterangeform">

你的 JavaScript 函数应该是:

 function formaction(id)
 {
        var tid=id;
        var form =  document.getElementById('daterangeform');
        form.action = "date.php";
        form.submit();
 }