Javascript-如何通过Click函数取回值

Question

预先感谢您的帮助。
我对Java语言不是很友好...

我有一个五星级的评论系统，我正在尝试获取评分的值（以1到5为单位），并将其推入表单的隐藏输入中。

任何有关“如何在'XXXXX'空间上获取值”的信息将不胜感激。

谢谢 ：）

这是代码：)

 var rating = { init: function() { var ratingWidth = $('.rating-select span').width(); var step = ratingWidth / 5; $('.rating-select').mousemove(function(e) { var x = e.pageX - $(this).offset().left; x = Math.ceil(x / step) * step; $('.rating-select span span').width(x); $(this).data('rating', x/step); }); $('.rating-select').mouseleave(function(e) { var newWidth = $(this).find('select').val(); $('.rating-select span span').width(newWidth*step); }); $('.rating-select').click(function(e) { e.preventDefault(); $(this).find('select').val($(this).data('rating')); document.getElementById("hiddenForm").value = /* VALUE */; }); } }; 

 .rating { color: #ca293e; margin-bottom: 10px; letter-spacing: 5px; } .rating.rating-select { cursor: pointer; } .rating > span { position: relative; overflow: hidden; } .rating > span:before { content: "\\f006\\f006\\f006\\f006\\f006"; font-family: 'fontAwesome' !important; margin-right: -5px; } .rating > span span { position: absolute; left: 0; top: 0; height: 100%; line-height: 25px; } .rating > span span:after { content: "\\f005\\f005\\f005\\f005\\f005"; position: absolute; top: -3px; left: 0; font-family: 'fontAwesome' !important; width: 100%; margin-right: -5px; overflow: hidden; white-space: nowrap; } 

 <div class="rating rating-select"> <span><span></span></span> <select> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> 

感谢您的帮助:)

Answer 1

试用jQuery Raty插件，它是为此而制作的，非常易于使用。

这样，您可以通过以下方式获得分数：

<div id="raty1"></div>

<script>
$('#raty1').raty({
   click: function(score, evt) {
     alert('ID: '+this.id+' Score: '+score);
   }
});
</script>