我正在使用ddslick(jquery插件)在我的页面上创建两个json下拉列表:
var DataComms = [
{
text: "7000C",
value: 1,
selected: false,
imageSrc: "images/7000C.jpg"
},
{
text: "6000",
value: 2,
selected: false,
imageSrc: "images/6000.jpg"
},
{
text: "5000",
value: 3,
selected: false,
imageSrc: "images/6900.jpg"
}
];
var DataEquip = [
{
text: "PMD",
value: 1,
selected: false,
imageSrc: "images/PMD.jpg"
},
{
text: "SD",
value: 4,
selected: false,
imageSrc: "images/sd.jpg"
}
];
$('#DropdownComms').ddslick({
data:DataComms,
width:300,
selectText: "Communicators",
imagePosition:"right",
onSelected: function(data){
//callback function: do something with selectedData;
}
});
$('#DropdownOtherEquip').ddslick({
data:DataOtherEquip,
width:300,
selectText: "Other Equipment",
imagePosition:"right",
onSelected: function(selectedData){
//callback function: do something with selectedData;
}
});
我试图找到一种方法,当从其中一个下拉列表中进行任何选择时,onSelected函数应该将另一个下拉列表“重置”回其初始状态(显示其原始的'selectText'。目前,如果我在下拉列表1中进行选择,然后从下拉列表2中进行选择,下拉列表1仍显示我在其中所做的选择。
我尝试过$('#DropdownComms')。ddslick('close');这不起作用。 我也试过$('#DropdownComms')。ddslick('select',{index:0});这也不起作用。
有关如何重置的任何想法?
谢谢!