ansaurus

Question

asp.net dropdown list postback to anchor

Answer 1

A:

I would use JavaScript--either register the script in your codebehind, or have an asp:Literal which is only visible after the SelectedIndexChanged event. Modify the location.href to append your anchor.

joelt 2010-05-26 16:22:26

Answer 2

A:

hello, One way to do this is to use the forms.Controls bla bla bla properties in ASP.NET. however I would suggest you to use a asp.net hyperlink control or link button and this would allow you to access it directly with its ID.

thanks, MNK.

2010-05-26 16:24:06

Answer 3

+1 A:

This could do the trick

    <asp:DropDownList ID="DropDownList1" runat="server" 
       onchange="document.location= this.value">
       <asp:ListItem Text="Anchor" Value="#anchor"></asp:ListItem>
       <asp:ListItem Text="Anchor2" Value="#anchor2"></asp:ListItem>
    </asp:DropDownList>

You mention myDropDownList_SelectedIndexChanged() (server code) but you must do it on client side, unless you have a good reason to go to the server

Claudio Redi 2010-05-26 16:49:13

Unfortunately, I do need to go back to the server.

The Talking Walnut 2010-05-26 17:24:14

Answer 4

A:

if in your dropdown list contains three items say for

eg: Page1

Page2

Page3

give the Dropdownlist property as Autopostback="true".then in dropdown selected index changed write the following:

id(DDl.SelectedIndex=1) { Response.Redirect("~/ page1");

} else if(DDl.SelectedIndex =2) { Response.Redirect("~/ page2");

}

in that way.............

Ranjana 2010-05-26 16:50:08

Answer 5

A:

This requirement has simple javascript solution.But the problem is the design is flawed.Once you move to a new area in screen you cant access the navigation select list without scrolling back.Anyway something like the following works

   <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function Goto(x) {
        window.location =  "#"+x.value;
        }

    </script>
</head>
<body>
    <select id="Select1"  name="D1"  onchange="Goto(this);">
        <option value="Loc1" >go to 1 </option>
        <option value="Loc2">go to 2 </option>
        <option value="Loc3">go to 3 </option>
        <option value="Loc4">go to 4 </option>
    </select><form id="form1" runat="server">
    </form>


 <strong>  <a href="#" id="Loc1" >Location 1</a></strong>

 blah
  <strong><a href="#" id="Loc2">Location 2</a></strong>

    <strong><a href="#" id="Loc3">Location 3</a></strong>

    <strong><a href="#" id="Loc4">Location 4</a></strong>
</body>
</html>

josephj1989 2010-05-26 16:57:12

Answer 6

A:

Here is what I have implemented to accomplish my desired result.

Protected Sub myDropDown_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles myDropDown.SelectedIndexChanged

    Response.Redirect("Default.aspx?myDropDown=" & myDropDown.SelectedItem.Text.ToString.Trim & "#myAnchor")

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
        Dim myDropDownValue As String = Request.QueryString("myDropDown")
        If myDropDownValue <> "" Then

            myDropDown.Items.FindByText(myDropDownValue).Selected = True
                Label1.Text = GetTextBasedOnDropDownSelection(myDropDownValue)

        End If
    End If
End Sub

The Talking Walnut 2010-05-27 15:33:22

I know this is very hacky. I would prefer a better solution...

The Talking Walnut 2010-05-27 15:34:21

ansaurus

tags:

views:

answers:

asp.net dropdown list postback to anchor

related questions