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

Change event not fired when selecting an object with same value as previously selected object.

I've appended some code that reproduces the problem below. 

This worked until version 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <title>Essential Studio for JavaScript : DropDownList - Json data Source</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />
     <link rel='nofollow' href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
    <link rel='nofollow' href="http://cdn.syncfusion.com/" rel="stylesheet" />
    <link rel='nofollow' href="" rel="stylesheet" />
    <link rel='nofollow' href="" rel="stylesheet" />
<script src="http://cdn.syncfusion.com/js/assets/external/jquery-1.11.3.min.js" type="text/javascript"> </script>
    <script src="http://cdn.syncfusion.com/js/assets/external/jquery.easing.1.3.min.js" type="text/javascript"></script>    
    <script src="http://cdn.syncfusion.com/" type="text/javascript" ></script>
<script src="" type="text/javascript"></script>
    <div class="content-container-fluid">
        <div class="row">
            <div class="cols-sample-area">
                <div class="frame">
                    <div class="control">
                        <div class="ctrllabel">Select a bike</div>
                        <input type="text" id="bikeList" />


    <script type="text/javascript">
        var target;
        $(function () {
            // declaration
            List = [
              { id: "1", text: "text1", value: "value" }, { id: "2", text: "text2", value: "value" }
                dataSource: List,
                fields: { id: "id", text: "text", value: "value" },
                selectedIndex: 1,
                change: function (args) 
                document.write("Change event handler triggered.");
    <style class="cssStyles">
        .control {
            margin-left: 20px;

        .ctrllabel {
            padding-bottom: 3px;

1 Reply

MS Muralishankar Sundaram Syncfusion Team May 16, 2016 02:05 PM UTC

Hi John, 

Thanks for using Syncfusion products, 

In a shared dropdown sample code, both dropdown item has a same value and that’s why event not raised event. So check the value field and form it with the unique values. 

Please find the modified sample with the below link: 
Please let us know if you have any other concerns. 


Live Chat Icon For mobile
Up arrow icon