Javascript 如何使用PHP获取星级小部件的值?

Javascript 如何使用PHP获取星级小部件的值?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我的页面上有一个星级评定小部件,允许用户将鼠标悬停在星级之上,选择并提交评级 这是html和css: <form method="post" id="star_review" name="star_review" action="> <div class="rate_review"> <div class="col-md-4"></div> <div class="col-md-4">

我的页面上有一个星级评定小部件,允许用户将鼠标悬停在星级之上,选择并提交评级

这是html和css:

<form method="post" id="star_review" name="star_review" action=">

<div class="rate_review">
     <div class="col-md-4"></div>
             <div class="col-md-4">
                   <div class="panel panel-default">
                        <ul class="list-group list-group-flush text-center">
                            <li class="list-group-item">
                                <div class="skillLineDefault">
                                    <div class="skill pull-left text-center">Rate the Exam</div>
                                    <div class="rating" id="rate1"></div>
                                </div>
                            </li>
                        </ul>
                   </div>
             </div>
</div>
<button class="btn btn-large btn-block btn-primary" type="submit" name="submit">Submit </button>
</form>


<style>

.rate_review {
    padding-top: 50px;
    padding-bottom: 50px;
    position: static;
}
.rating {
    margin-left: 30px;
}

div.skill {
    background: #5cb85c;
    border-radius: 3px;
    color: white;

    padding: 3px 4px;
    margin-top: -10px;

}

.skillLine {
    display: inline-block;
    width: 100%;
    min-height: 90px;
    padding: 3px 4px;
}

skillLineDefault {
    padding: 3px 4px;

}

实现这一点的最简单方法是添加一个函数

function myFunction(){
    document.getElementById("myRate1").value = $('#rate1').swidget().value();
}
然后在表单中添加一个隐藏的文本框,如下所示

<input type="hidden" name="myRate1" id="myRate1"/>


然后在表单的onsubmit事件中调用此函数[myFunction],向您展示了如何获取值,以及如何将数据发送到服务器。在star的click事件中使用$.post或$.ajax,并以这种方式将值插入数据库。感谢您的反馈,请问您将如何将其发送到服务器?如果不使用AJAX,还有其他方法吗?如果不离开页面,就没有。。。除非那不是问题?您可以使用表单操作将信息提交到php脚本,但这将导航到页面之外,或者如果您将当前页面发布到自身,则至少会重新加载该页面。您已经获得了工具。你现在能做的至少是努力使用它们。嗨,你是一个救生员,这是一个2小时后到期的作业,我的老师很吓人,我不想惹麻烦。要签出表单的action属性,你忘了键入[](双倒逗号)。它应该是action=“”或action=“somePage.php”而不是action=”
<input type="hidden" name="myRate1" id="myRate1"/>