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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:





124077 May 13,2016 02:29 PM UTC May 16,2016 02:05 PM UTC JavaScript 1
Tags: ejDropDownList
John Greenwood
Asked On May 13, 2016 02:29 PM UTC

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;

Muralishankar Sundaram [Syncfusion]
Replied On 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. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon