We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

drop down list help

im a newbie in syncfusion please help me admin...see the attached image below

Attachment: ask_a32a4d6e.rar

1 Reply

GS Gobalakrishnan S Syncfusion Team July 14, 2015 12:26 PM UTC

Hi Melquecedec,
Thanks for using Syncfusion products,

We have prepared a sample as per your requirement (“Item selected in first dropdown should not be displayed in the second dropdown”).please check it.

Sample Location

In the above provided sample we have bounded the checkChange event to the first dropdown. The event will trigger when change the checkbox state in the first dropdown list.

  // Creating First DropDown list


                dataSource: DayList,

                fields: { text: "text", value: "text" },

                showCheckbox: true,

                allowMultiSelection: true,

                // Trigger when ever the check box state has been changed.



In that event we have removed the selected item from the data source and reload the modified data source to the second dropdown through set model option as shown below

  function onChange() {

            var result = firstDrpdwn.model.text.split(",");

            var array = JSON.parse(JSON.stringify(DayList));

            // Find the selected element and removed

            for (i = 0; i < result.length; i++)              

                findAndRemove(array, 'text', result[i]);

            // Load the new DataSource to the second dropdownlist

            secondDrpdwn.option("dataSource", array)


Please let us know, whether the provided sample helps to you
Gobalakrishnan S

Live Chat Icon For mobile
Up arrow icon