如何将javascript变量引入php

我知道这个问题在堆栈溢出中重复了一遍，但我问这个问题是因为我在尝试这些问题时没有得到正确的答案。我使用的是codeigniter，我有一个用户可以对产品进行评分的表。我需要知道的是，当一个星形按钮被点击并提交时，我需要在数据库中插入是否点击了哪个星形按钮。如果点击第5个按钮，它将显示"优秀"文本。如果单击第4个按钮，它将显示"良好"文本。所以我需要将用户的评分插入数据库。所以请指导我该怎么做？

 <form name="myForm7" method="post" action="<?php echo 'http://localhost/ci/businessRateCtrl/insertIntoBusinessReview/'. $Vehicleid;  ?>" >

 <h1><div class="rating" style="width:200px;float:left;padding-left:1px">
                    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
                                <span class="rate-star" data-rate="Excellent">&bigstar;</span> 
                                <span class="rate-star" data-rate="Good" >&bigstar;</span> 
                                <span class="rate-star" data-rate="Okay" >&bigstar;</span>
                                <span class="rate-star" data-rate="Unsatisfied" >&bigstar;</span>
                                <span class="rate-star" data-rate="Terrible" >&bigstar;</span>
                                </div>
                            </h1>

                              <div style="float:right;padding-right:450px">
                            <h3><label id="rateText" name="lblrating"></label></h3>

 <script type="text/javascript">
             var rateText;
                    window.onload = function() {
                    var starList = document.getElementsByClassName('rate-star');  
                    var numOfStars = starList.length;
                        for(var i = 0; i < numOfStars; i++) {
                            starList[i].addEventListener('click', starClickHandler, false);
                        }
                    }
                        function starClickHandler(event) {
                            var star = event.currentTarget;
                            setActive(star, false);
                            setActive(star, true);
                            document.getElementById('rateText').textContent = star.getAttribute('data-rate');
                               rateText=document.getElementById('rateText').textContent 
                        document.getElementById('rating').value = rateText;
                        }
                        function setActive(element, isActive) {
                            if(isActive) {
                            element.classList.add('active');
                            element.nextElementSibling && setActive(element.nextElementSibling, isActive);
                            }
                            else {
                            element.classList.remove('active');
                            element.previousElementSibling && setActive(element.previousElementSibling, isActive);
                            }
                            }
                             $(document).ready(function(){
                            $(".rating .rate-star").click(function(){
                            $(".active").removeClass("active");
                            $( ".rate-star:lt("+($(this).index()+1)+")" ).addClass("active");
                            $("#rateText").html($(this).data("rate"));
                            $("#submitreview").removeAttr("disabled");
                            });
                            });

                        function cancelConfirm(){
                            return confirm("Are you sure you want to cancel and leave this page?");
                        }
            </script>
            <style type="text/css">
                 .active{
                            color:yellow;
                                }
                       #rateText{
                    text-align:right;
                        }
                        .rating {
                            unicode-bidi: bidi-override;
                            direction: rtl ;
                                }

                                .rating > .rate-star.active,
                                .rating > .rate-star:hover,
                                .rating > .rate-star:hover ~ .rate-star {
                                     color: #FFFF00;
                                    cursor: default;
                                    }


            </style>

从下面的代码中，它将属于单击按钮的文本分配到rateText标签中。现在我需要通过该表单的action属性（作为参数）将该文本传递给我的控制器。有人能给我一个解决这个问题的方法吗。

document.getElementById('rateText').textContent = star.getAttribute('data-rate');

我想了一种方法，我不知道它是否正确。下面我提到了strongtext中添加的部分。如果这是正确的，我想知道如何将这个javascript变量作为参数放入表单的action属性中，并将其发送到控制器。

               **var rateText;**
                window.onload = function() {
                var starList = document.getElementsByClassName('rate-star');  
                var numOfStars = starList.length;
                    for(var i = 0; i < numOfStars; i++) {
                        starList[i].addEventListener('click', starClickHandler, false);
                    }
                }
                    function starClickHandler(event) {
                        var star = event.currentTarget;
                        setActive(star, false);
                        setActive(star, true);
                        document.getElementById('rateText').textContent = star.getAttribute('data-rate');
                          **rateText=document.getElementById('rateText').textContent** 
                    }

p.S我添加了你在这里提到的代码。但它是刷新页面，并且显示相同的页面。在url中，它显示了类似于的内容

http://localhost/ci/businessRateCtrl/loadReviewPage/base_url（）；？%3EbusinessRateCtrl/insertIntoBusinessReview/base_url（）；

在表单的action属性中，我只使用过action="businessRateCtrl/insertIntoBusinessReview/'.$Vehicleid；？>"以上代码。但我不知道它是怎么附加的http://localhost/ci/businessRateCtrl/loadReviewPage/进入url。有人帮我吗？我正在为这几个小时寻找解决方案。