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