来自后端的星级 javascript 值

Question

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

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

如果值为 2，则它必须显示 2 星，依此类推...直到 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 值

Star Rating in javascript value comming from backend

javascript

java

html

prototypejs