Question

我尝试制作一个简单的javascript功能，允许我点击一个按钮，然后将文本复制到一个字段中。

例如：在我的HTML页面（或PHP）上，我有一个空白字段，一个文本和一个按钮，如：

THE FIELD
大家好，按钮

当我点击按钮时，字段中出现“Hello everybody”文字。

非常感谢你有一个简单的代码示例。

SIM100

Answer 1

您想使用.value。你走了：

<input type="text" name="foo" id="foo">
<input type="button" onclick="document.getElementById('foo').value = 'Hello everybody'">

Answer 2

<input type="text" id="mytextinput">
<br>Hey Guys <button onclick="document.getElementById('mytextinput').value='Hey Guys, thanks for clicking the button';">Click Me</button>

试一试：http://jsfiddle.net/sUYEk/

Answer 3

我从问题中得到的是，您希望将按钮前面的文本放入文本字段中。要改进之前的答案，可以使用.innerText函数完成。

<html>
    <head>
        <script type="text/javascript">
            function moveTextIntoInput(){
                var text = document.getElementById('text').innerText;
                document.getElementById('text-input').value = text;
            }
        </script>
    </head>
    <body>
        <input type="text" id="text-input"><br/>
        <span id="text">Hi everyone!</span><button onclick="moveTextIntoInput()">Click Me</button>
    </body>
</html>

Javascript，通过单击按钮复制字段中的文本

3 个答案: