$(function () {
$('select').each(function (cSelect) {
$(this).data('stored-value', $(this).val());
});
$('.ddlselect').change(function () {
var previousVal = $(this).data('stored-value');
var selectedVal = $(this).val();
$(this).data('stored-value', selectedVal);
var eleid = $(this).attr("id");
$(".ddlselect").each(function () {
if ($(this).attr("id") !== eleid) {
$(this).parent().find('option[value="' + selectedVal + '"]:not(:selected)').attr('disabled', 'disabled');
}
});
});
});
<asp:dropdownlist runat="server" id="DropDownList_1" cssclass="ddlselect" >
<asp:listitem>1</asp:listitem>
<asp:listitem>2</asp:listitem>
<asp:listitem>3</asp:listitem>
<asp:listitem>4</asp:listitem>
<asp:listitem>5</asp:listitem>
<asp:listitem>6</asp:listitem>
<asp:listitem>7</asp:listitem>
<asp:listitem>8</asp:listitem>
<asp:listitem>9</asp:listitem>
<asp:listitem>10</asp:listitem>
</asp:dropdownlist>
<asp:dropdownlist id="DropDownList_2" runat="server" cssclass="ddlselect">
<asp:listitem>1</asp:listitem>
<asp:listitem>2</asp:listitem>
<asp:listitem>3</asp:listitem>
<asp:listitem>4</asp:listitem>
<asp:listitem>5</asp:listitem>
<asp:listitem>6</asp:listitem>
<asp:listitem>7</asp:listitem>
<asp:listitem>8</asp:listitem>
<asp:listitem>9</asp:listitem>
<asp:listitem>10</asp:listitem>
</asp:dropdownlist>
<asp:dropdownlist id="DropDownList_3" runat="server" cssclass="ddlselect" >
<asp:listitem>1</asp:listitem>
<asp:listitem>2</asp:listitem>
<asp:listitem>3</asp:listitem>
<asp:listitem>4</asp:listitem>
<asp:listitem>5</asp:listitem>
<asp:listitem>6</asp:listitem>
<asp:listitem>7</asp:listitem>
<asp:listitem>8</asp:listitem>
<asp:listitem>9</asp:listitem>
<asp:listitem>10</asp:listitem>
</asp:dropdownlist>
Check this out..! this works on my machine