在提交表单之前将下拉列表的选定值传递给php变量

Question

我正在使用下面的代码（在lightboxform.php中）通过ajax将所选的下拉值发送到php文件（edit.php），并从php文件中将其发送回（发送到lightboxform.php）并进行分配到我想要的PHP变量。但是，有些事情不起作用，可能是发送和接收了该值。请帮助。

<span><?php _e('Select package*', 'gdlr-lms'); ?></span>
<select id="package" onchange="getval(this);">

            <option value="1">Package 1</option>
            <option value="1.5">Package 2</option>
            <option value="2.55">Package 3</option>
            </select>

<script> src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script>
 function getval(sel){
 var value = sel.value;
 $.ajax({
    type:"POST",
    url: 'edit.php',
    data: "val="+ value,
    success: function ( result )  {
      //  window.location.reload();
     }

  });
}

</script>

<?php echo $package ?>

这是edit.php中的代码：

<?php $package = $_GET['val'];
echo $package;
?>

Answer 1

我建议将其更改为

<script type="text/javascript">
$(function () {
    $("#package").change(function () {
        var selectedText = $(this).find("option:selected").text();
        var selectedValue = $(this).val();
        $.ajax({
            type:"POST",
             url: 'edit.php',
            data: "val="+ value,
            success: function ( result )  {
            //  window.location.reload();
          }

        });
    });
});
</script>