Question

I have a form in asp.net webpage which contains 2 drop down lists and a hyperlink + a button.
I want that if user changes an option is dropdowns to change navigate url.
I have done like so:

<asp:DropDownList ID="ddlPackages" AutoPostBack ="true" runat="server" 
  onselectedindexchanged="ddlPackages_SelectedIndexChanged"></asp:DropDownList>

and then I have the method defined.

The point is that I don’t want to make a submit when I change the drop down. Can I do it using only aspx or I have to use javascript?

Answer 1

If I understand you correctly you want to change the href of the hyperlink based on the selected value of the dropdown. You can do this with javascript. Make sure you have AutoPostBack="false" and remove the OnSelectedIndexChanged attribute as well.

To do it using jQuery, use something like this:

<script type="text/javascript>
$(function(){
    var $dropdown = $('#<%= ddlPackages.ClientId %>');
    $dropdown.change(function(){
       //Put logic to decide the link here based on the select value 
       var newPage = 'page' + $dropdown.val() + '.aspx'; 
       $('#linkId').attr('href', newPage);
    });    
});
</script>

Edit:

In case you absolutely must have the logic for getting the new url based on the drop down value on the server side, you can turn the method into a Page Method and call it using ajax from the jQuery script above. But you can probably get away with creating the javascript dynamically in the aspx page instead.