ddslick - 手动输入

Question

我正在使用ddslick查询插件，以生成带有图像的下拉列表：

html：

<div id="myDDSlick"></div>

JSON数据：

var ddData = [
{
    text: "RAL_1000_Gruenbeige",
    value: 1,
    selected: false,
    imageSrc: "images/colors/ral1000gruenbeige.png"
},
{
    text: "RAL_1001_beige",
    value: 1,
    selected: false,
    imageSrc: "images/colors/ral1001beige.png"
},
{
    text: "RAL_1002_sandgelb",
    value: 1,
    selected: false,
    imageSrc: "images/colors/ral1002sandgelb.png"
},
{
    text: "Sonstige",
    value: 1,
    selected: false
},
];

脚本：

//ddSlick
    $('#myDDSlick').ddslick({
        data: ddData,
        width: 300,
        imagePosition: "left",
        selectText: "Farbe Wählen",
        onSelected: function (data) {
            console.log(data);
        }
    });

我得到的是一个非常好的下拉列表，左侧是彩色图像。 到现在为止还挺好。

我需要的是： 一旦选项＆＃34; Sonstige＆＃34;如果被选中，我希望能够手动输入＆＃34; Sonstige＆＃34;在同一输入字段内。输入字段是隐藏的，因此可见部分无需输入任何内容。

你有一个想法我如何解决这个问题？也许还有另一种方法可以将手动数据输入到下拉列表中。

希望能解释这个问题是可以理解的... Thnx帮助...