在选择框的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";`

OR 将表单标签 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();
 }

Answer 2

在 php method="post" 中将发布值。

在表单中添加提交按钮。

然后这样做

if(isset($_POST['submit'])){

echo $_POST['selectdate'];

}