JavaScript에 초점을 맞춘 텍스트 상자에 값을 설정

StackOverflow https://stackoverflow.com/questions/1802425

  •  05-07-2019
  •  | 
  •  

문제

Hai Guys, 3 개의 텍스트 상자와 1 개의 목록 상자가 있습니다 ... 사용자가 첫 번째 텍스트 상자를 클릭 한 다음 목록 항목을 클릭하면 선택한 항목이 텍스트 상자에 값으로 설정되어 있어야합니다 ... JavaScript에서 이것을 원합니다 ....

도움이 되었습니까?

해결책

selectionMode 속성이 단일로 설정된 ListBox의 아래 코드를 사용하십시오.

var istBoxElement = document.getElementById ( "ListBox1" );
var textBoxElement = document.getElementById ( "txtBox1" );    

textBoxElement.value = elem.value;

텍스트 상자 요소의 Onfocus 이벤트 내에 이것을 작성하십시오.

샘플 코드

<script type="text/javascript">
    window.onload = function() { BindEvents(); }

    function BindEvents ()
    {
        var textBx = document.getElementById ( "txt1" );
        textBx.onfocus = function () {
            SetSel(this);
        }
    }

    function SetSel (elem)
    {
        alert ( elem.id );
        var elem = document.getElementById ( "ListBox1" );
        document.getElementById ( "txt1" ).value =  elem.value;
    }
</script>

<div id="divMain">
    <input type="text" id="txt1" />
    <asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple">
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>2</asp:ListItem>
        <asp:ListItem>3</asp:ListItem>
    </asp:ListBox>
</div>

다른 팁

나는 당신이 Onblur를 찾고 있다고 생각합니다. 마지막으로 본 항목으로 변수를 유지하고 JavaScript를 사용하여 텍스트를 설정할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top