javascript - 如何加载值并在 ddslick 中显示

Question

我正在使用 jQuery 插件ddslick来显示带有图像的下拉菜单。

当我提交表单时，在此数组中设置的值也会与表单一起发送。

var ddData = [{
    text: "sometext",
    value: 1,
    description: "something",
    imageSrc: "img/do.png"
}]

这是我初始化下拉菜单的方式：

$(document).ready(function () {
    for (var i = 0; i < 10; i++) {
        $('#dropdownBasico' + i).ddslick({
            data: ddData,
            width: 150,
            imagePosition: "left",
            selectText: "How r u ?",
            onSelected: function (data) {
                //console.log(data);
            }
        });
    }
});

刷新页面时，我希望下拉菜单重新选择我之前提交的值。我使用普通的选择并使用数据库查询响应来实现这一点$data。

echo "<select name='x_variablename' id='x_variablename' ><option value='".$data->variablename->EditValue."'>".$data->variablename->EditValue."</option>";
echo "<option value='1'>True</option>";
echo "<option value='0'>False</option>";
echo "</select>";

如何使用代码通过 ddslick 更改所选值？

Answer 1

请阅读 上的文档ddSlick。

例子：

$('#dropdownBasico0').ddslick('select', {index: 2});

这将选择第一个下拉菜单中的第三项。