javascript - 为 javascript 中具有焦点的文本框设置一个值

Question

大家好， 我有三个文本框和一个列表框...如果用户单击第一个文本框，然后单击列表项，则所选项目必须设置为文本框的值...我希望在 javascript 中这样做...

Answer 1

将以下代码用于列表框，并将 SelectionMode 属性设置为 Single。

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>