Question

I have the code below to open a pop up when user makes a selection. What I would like is to block when user selects the first item in the drop down as it has no real value. Also, I want to allow user to reselect already selected option by clicking the dropdownlist option again.

function OnClientSelectedIndexChanged(sender, eventArgs) {
           var inputFieldValue;
           var item = eventArgs.get_item();
           grid = $find("<%= rggrid.ClientID %>");

           var selectedRows = grid.get_selectedItems();
           if (selectedRows.length > 0) {
               for (var i = 0; i < selectedRows.length; i++) {
                   var row = selectedRows[i];
                   inputField = MasterTable.getCellByColumnUniqueName(row, "Item")
                   if (inputField) {
                       inputFieldValue = inputField.value
                       break;
                   }
               }
           }
           else {
               var inputFieldID = window['textItembox'];
               inputField = document.getElementById(inputFieldID);
               if (inputField) {
                    inputFieldValue = inputField.value;
                   }
           }
           window.radopen('<%=linker %> , "UserDialog");
           return false;
       }

Answer 1

When is the OnClientSelectedIndexChanged fired??

Anyway here is a quick sample:

<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="-1" />
    <asp:ListItem Text="1" />
    <asp:ListItem Text="2" />
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" Text="Select" onclick="Button1_Click" />

$('#<%=Button1.ClientID %>').click(function () {
                if ($('#<%=DropDownList1.ClientID %>').val() == "-1")
                    return false;
                alert($('#<%=DropDownList1.ClientID %>').val());
            });