Передача текста списка в URL-адрес всплывающего окна Javascript

Можно ли передать содержимое текстового поля или списка в часть URL-адреса кода javascript window.open(URL)? У меня есть элемент управления списком asp.net, который отображает значения URL. Когда конечный пользователь щелкает другой список, список URL-адресов предоставляет конкретный URL-адрес. Я пытаюсь передать этот URL-адрес в приведенный выше код javascript, но я не знаю правильного синтаксиса для этого. Этот код будет выполняться как событие onclick.

Для пояснения, аналогично вводу “+ ListBox.Text.ToString() +” или ‘” & List.Text & “’” для добавления содержимого списка во что-то другое, например в текстовое поле. Есть ли специальный синтаксис, чтобы сделать то же самое, но добавить listbox.text в javascript?

Спасибо,

ДФМ


javascript asp.net listbox popupwindow
person Community    schedule 18.06.2009    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Просто добавьте обработчик onclick на стороне клиента в свой список, как показано ниже:

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

Затем добавьте следующий код javascript:

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

arrow_upward
0
arrow_downward

Конечно, это должно быть довольно просто с jQuery. Очевидно, что генерация URL-адреса может быть сведена к одному оператору, но должна дать вам общее представление.

$(document).ready(function() {
    $("your-element").click(function() {
        var str = $("#listbox-id").val();
        var url = "your-url.com/" + str;
        window.open(url);
    });
});
person Mark Hurd    schedule 18.06.2009
comment
Я люблю jQuery. Это экономит время. Однако ОП об этом не упомянул. - person Jose Basilio; 19.06.2009
comment
Спасибо - я действительно не исследовал jQuery, поэтому я не решаюсь использовать его прямо сейчас. Я хотел лучше понять Javascript, прежде чем использовать новые более эффективные методы. Тем не менее, спасибо за ваш ответ. - person ; 19.06.2009