五星Javascript

五星Javascript,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我正在寻找一些关于我可以使用什么方法来构建一个javascript文件的建议,该文件可以将一个1-5的下拉菜单变成一系列5个可点击的星星(一个老式的youtube评级系统) 不需要执行AJAX,只需在提交表单时使用下拉菜单即可。使用onclick在每次单击星号时进行名为“Rating”的隐藏输入,并更改“Rating”的值 <?php for($i = 1; $i <= 5; $i++) : ?> <img src="/folder/star" id="s

我正在寻找一些关于我可以使用什么方法来构建一个javascript文件的建议,该文件可以将一个1-5的下拉菜单变成一系列5个可点击的星星(一个老式的youtube评级系统)

不需要执行AJAX,只需在提交表单时使用下拉菜单即可。

使用onclick在每次单击星号时进行名为“Rating”的隐藏输入,并更改“Rating”的值

<?php for($i = 1; $i <= 5; $i++) : ?>
    <img src="/folder/star"
    id="star<?php echo $i ?>"
        onclick="
          document.getElementById('form1').elements['rating'].value = <?php echo $i ?>)" />

<form name="form1" id="form1" action="URL">
    <input type="hidden" name="rating" id="rating" value="1" />
        <input type="submit" value="rate" />
</form>

"
onclick=”
document.getElementById('form1')。元素['rating'].值=)”/>
进行一个名为“Rating”的隐藏输入,并在每次单击星号时更改“Rating”的值

<?php for($i = 1; $i <= 5; $i++) : ?>
    <img src="/folder/star"
    id="star<?php echo $i ?>"
        onclick="
          document.getElementById('form1').elements['rating'].value = <?php echo $i ?>)" />

<form name="form1" id="form1" action="URL">
    <input type="hidden" name="rating" id="rating" value="1" />
        <input type="submit" value="rate" />
</form>

"
onclick=”
document.getElementById('form1')。元素['rating'].值=)”/>

      我将首先搜索jQuery插件-确实有一些可用的,您可以只重用其中一个。

      我将首先搜索jQuery插件-确实有一些可用的,您可以只重用其中一个。

      有一些jQuery插件用于此目的也许最通用的是jQuery星级评定小部件:


      为什么要重新发明轮子?

      已经有一些用于此的jQuery插件,也许最通用的是这个jQuery星级小部件:


      为什么要重新发明轮子呢?

      我建议,它还附带了

      我建议,它还附带

      必须是JS,不能访问服务器代码,只能通过非常有限的SOAP接口访问JS,不能访问服务器代码,只能通过非常有限的SOAP接口访问