none
seleccionar elemento de dropdownlist y que vincule directamente a otra pagina al hacer click. RRS feed

  • Pregunta

  • Un saludo a todos, necesito seleccionar un elemento de un dropdownlist en visual basic con asp.net 4.0, pero que al momento de seleccionarlo me mande a otra pagina, el dropdownlist lo lleno con una columna de una tabla de DB en acces. Agredezco sus comentarios, ojala y puedan ayudarme.

    Este es mi codigo.....

     <asp:DropDownList ID="dropcategory" runat="server" 
      DataSourceID="catproblemads" DataTextField="area" DataValueField="area" 
      Height="23px" Width="193px">
     </asp:DropDownList>
      <asp:AccessDataSource ID="catproblemads" runat="server" 
      DataFile="~/App_Data/bdlocalprotected.accdb" 
       SelectCommand="SELECT [area] FROM [Areas_Tbl]"></asp:AccessDataSource>

    Esto es lo quiero adaptar.. a mi pagina web.

    <asp:DropDownList ID="myselect" onchange="myfunction();" runat="server">
       
    <asp:ListItem Text="apple" Value="apple" />
       
    <asp:ListItem Text="banana" Value="banana" />
    </asp:DropDownList>

    <script type="text/javascript">
       
    function myfunction() {
           
    var value = $("#<%= myselect.ClientID %>").val();
           
    switch (value) {
               
    case "apple":
                    window
    .location = "http://www.apple.com/";
                   
    break;
               
    case "banana":
                    window
    .location = "http://www.google.com/";
                   
    break;
               
          }
       
    }
    </script>



    lunes, 27 de abril de 2015 23:08

Respuestas

  • hola

    por lo que veo quieres implementar esto por medio de codigo javascript, de ser asi deberias usar

    <script type="text/javascript"> $(function(){

    $("#<%= myselect.ClientID %>").onchange(function(){ var value = $(this).val(); switch (value) { case "apple": window.location.href = "http://www.apple.com/"; break; case "banana": window.location.href = "http://www.google.com/"; break; }

    }); }); </script>


    y quita el onchange="myfunction();" de esta forma usas los eventos de jquery


    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina


    martes, 28 de abril de 2015 0:02

Todas las respuestas

  • Hola, lo podria hacer así tambien:

    <asp:DropDownList ID="myselect"  runat="server" AutoPostBack="True" OnSelectedIndexChanged="myselect_SelectedIndexChanged">
        
    <asp:ListItem Text="apple" Value="apple" />
        
    <asp:ListItem Text="banana" Value="banana" />
    </asp:DropDownList>

    Protected Sub myselect_SelectedIndexChanged(sender As Object, e As EventArgs)

    If myselect.SelectedValue.ToString() = "banana" Then
    Response.Redirect("..../.aspx")
    End If

    End Sub




    • Editado feec lunes, 27 de abril de 2015 23:50
    lunes, 27 de abril de 2015 23:48
  • hola

    por lo que veo quieres implementar esto por medio de codigo javascript, de ser asi deberias usar

    <script type="text/javascript"> $(function(){

    $("#<%= myselect.ClientID %>").onchange(function(){ var value = $(this).val(); switch (value) { case "apple": window.location.href = "http://www.apple.com/"; break; case "banana": window.location.href = "http://www.google.com/"; break; }

    }); }); </script>


    y quita el onchange="myfunction();" de esta forma usas los eventos de jquery


    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina


    martes, 28 de abril de 2015 0:02