将ddslick json下拉列表重置为其初始状态

时间:2013-11-06 14:51:42

标签: jquery plugins

我正在使用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});这也不起作用。

有关如何重置的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:1)

This plugin在ddSlick:

之上添加了静态文本功能

“保持主要选择相同而不是在选择元素时更改它。”