Question

我需要星级评分。页面值来自Java / Backend。（我只需要javascript或prototypejs解决方案。）

例如：如果值为1则必须显示1 STAR。

如果值为2则必须显示2 STAR等等......直到5

这一切都在动态发生。我使用下面的代码，但这不会创建ID。

的Javascript

function display() {
   var x = "yr";
    show_image(x ,2) ;
}

function show_image (id,number) {
    var x = number;
    var y = id;
    for (var i =0; i<x; i++){
        var img = document.createElement("img");
        img.src = "stars.png";
       document.getElementById(y).appendChild(img);
    }
}

感谢您的帮助。

Answer 1

选中fiddle1 fiddle2

//Just for Demo purpose
function getRating() {
    var number = prompt("Enter the rating?");
    if(number *= 1 > 0  && number <=5) {
        show_image('yr', number);
    } else {
        alert("Enter valid rating, greater than 0");
    }
}

function show_image (id,number) {
    document.getElementById(id).innerHTML = '';
    for (var i =0; i<number; i++){
        var img = document.createElement("img");
        img.height=10;
        img.src = "http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/512/star-full-icon.png";
       document.getElementById(id).appendChild(img);
    }
}

您的代码没有问题，它运行正常。从Java Servlet / JSP响应中调用此函数的最简单方法是<script>show_image('_some_id_', number_of_star)</script>

添加评论，如果您有任何疑问，或者我对问题本身的理解不正确。

来自后端的javascript值中的星级评分

1 个答案: