목록 상자 텍스트를 JavaScript 팝업 창 URL로 전달합니다

Question

텍스트 상자 또는 Listbox의 내용을 JavaScript 코드의 URL 부분으로 전달할 수 있습니까? window.open(URL)? URL 값을 표시하는 ASP.NET ListBox 컨트롤이 있습니다. 최종 사용자가 다른 ListBox를 클릭하면 URL ListBox가 특정 URL을 제공합니다. 이 URL을 위의 JavaScript 코드로 전달하려고하지만 올바른 구문을 알지 못합니다. 이 코드는 OnClick 이벤트로 실행됩니다.

입력과 유사한 설명을 위해 “+ ListBox.Text.ToString() +” 또는 ‘” & List.Text & “’” ListBox의 내용을 텍스트 상자와 같은 다른 것에 추가합니다. 동일하게 할 특정 구문이 있지만 ListBox.Text를 JavaScript에 추가합니까?

고맙습니다,

DFM

Answer 1

아래와 같이 클라이언트 측 온 클릭 핸들러를 ListBox에 추가하기 만하면됩니다.

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

그런 다음 다음 JavaScript 코드를 추가하십시오.

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

Answer 2

물론, 이것은 jQuery에서 매우 쉬워야합니다. 분명히 URL 생성은 단일 진술로 축소 될 수 있지만 일반적인 아이디어를 제공해야합니다.

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