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 で変更するにはどうすればよいですか?