Question

我正在使用Star Rating小部件，我正在尝试从我从服务器返回的值设置小部件的初始值。我知道原则是将默认选项设置为selected，但我无法弄清楚如何。有些小部件有一个setDefault方法，但不是这个方法，所以必须有另一种方法。

任何帮助都会很棒。

这是HTML：

<div id="stars_content" style="padding-top:6px;">
            <select id="ContentRating" name="ContentRating">
                <option value="1">Very Poor</option>
                <option value="2">Poor</option>
                <option value="3">OK</option>
                <option value="4">Good</option>
                <option value="5">Very Good</option>
            </select>
            <span id="content_hover" style="padding-left:5px;"></span>
</div>

这是jQuery：

$("#stars_content").stars({
        inputType: "select",
        captionEl: $('#content_hover')
    });

Answer 1

你可以手动完成

$("#stars_content option[value=3]").attr("selected",true);

应该这样做。

修改

看来这个widget's API为此

提供了一个参数

$("#stars-wrapper1").stars("select", 1); // select first Star (see element Value in HTML source)

所以你的代码将是

$("#stars_content").stars({
    inputType: "select",
    captionEl: $('#content_hover'),
    select:3
});

......我想

Answer 2

我不知道你是如何从服务器获得“选定的费率”的，但假设它通过$.get，并且费率号码保存到var selected_rate，而不是像你可以做的那样：

var selected_rate = 3; //supposing its 3 ('OK')
$('#stars_content option[value=' + selected_rate + ']').attr('selected', true)

如何从服务器设置星级小部件的初始值

2 个答案: