This is a migrated thread and some comments may be shown as answers.

DropDownList and value

13 Answers 207 Views

FormDecorator

This is a migrated thread and some comments may be shown as answers.

13 Answers, 1 is accepted

answered on 24 Aug 2009, 12:13 PM

Hello Paweł,

Here is a small sample that shows how to achieve this:

    
            <head id="Head1" runat="server"> 
        
                <title></title> 
        
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
        
                <telerik:RadFormDecorator ID="FormDec1" runat="server" DecoratedControls="All" /> 
        
                <asp:DropDownList ID="ddlControl" runat="server"> 
        
                    <asp:ListItem Value="1"></asp:ListItem> 
        
                    <asp:ListItem Value="2"></asp:ListItem> 
        
                    <asp:ListItem Value="3"></asp:ListItem> 
        
                    <asp:ListItem Value="4"></asp:ListItem> 
        
                </asp:DropDownList> 
        
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 
        
                    <script type="text/javascript"> 
        
                        var select = $('#<%= ddlControl.ClientID %>'); 
        
                        select.change(function() 
        
                        { 
        
                            alert($(this).val()); 
        
                        }); 
        
                    </script> 
        
                </telerik:RadScriptBlock> 
        
                </form> 
        
            </body>

I hope this helps.

Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 28 Aug 2009, 05:54 AM

Hi Paweł,

I believe that the code below will work. It seems that the programatic selection of a dropdown does not behave as expected in FireFox, and we will further investigate the problem.

<script type="text/javascript">
var select = $('#<%= ddlControl.ClientID %>');
var combo = document.getElementById('<%= ddlControl.ClientID %>');

select.change(function()
{
var skinnedcombo = document.getElementById('Skinned<%= ddlControl.ClientID %>');
var skinnedoptions = skinnedcombo.getElementsByTagName('LI');

if(navigator.appName == 'Netscape')
{
  for(var i = 0; i < skinnedoptions.length; i ++)
  {
   combo.options[i].removeAttribute('selected');
   if(skinnedoptions[i].className == 'rfdSelect_selected')
   {
      combo.options.selectedIndex = i;
   }
  }
}
});
</script>

Kind regards,

Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

DropDownList and value

13 Answers, 1 is accepted