ddslick - 手动输入

时间:2018-06-19 09:11:26

标签: jquery image input dropdown

我正在使用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帮助...

0 个答案:

没有答案