Pasar el texto del cuadro de lista a la URL de la ventana emergente de Javascript

Question

¿Es posible pasar el contenido de un cuadro de texto o cuadro de lista a la parte de URL del código de JavaScript window.open (URL) ? Tengo un control de cuadro de lista asp.net que muestra valores de URL. Cuando un usuario final hace clic en otro cuadro de lista, el cuadro de lista URL proporciona la URL específica. Estoy tratando de pasar esta URL al código de JavaScript anterior, pero no sé la sintaxis correcta para hacerlo. Este código se ejecutará como un evento onclick.

Para aclarar, similar a escribir “+ ListBox.Text.ToString () +” o ‘” & amp; List.Text & amp; "’ " para agregar el contenido de un cuadro de lista a otra cosa, como un cuadro de texto. ¿Existe una sintaxis específica para hacer lo mismo, pero agregue listbox.text a javascript?

Gracias,

DFM

Answer 1

Simplemente agregue un controlador onclick del lado del cliente a su cuadro de lista como se muestra a continuación:

<asp:ListBox id="ListBox1" runat="server" .....
           onclick="openPopup(this)">
        ........
</asp:ListBox>

Luego agregue el siguiente código javascript:

<script type="text/javascript">
    function openPopup(e){
      window.open(e.value); 
    }
</script>

Answer 2

Claro, esto debería ser bastante fácil con jQuery. Obviamente, la generación de URL podría reducirse a una sola declaración, pero debería darle una idea general.

$(document).ready(function() {
    $("your-element").click(function() {
        var str = $("#listbox-id").val();
        var url = "your-url.com/" + str;
        window.open(url);
    });
});