javascript - 当用户单击按钮时，将文本字符串添加到输入字段中

Question

基本上只是试图将文本添加到已经包含一个值的输入字段..触发器是一个按钮..

在我们点击按钮之前，表单字段看起来像..（用户输入了一些数据）

[This is some text]
(Button)

点击按钮后，字段看起来像..（我们添加after clicking到当前值）

[This is some text after clicking]
(Button)

尝试仅使用 javascript 完成..

Answer 1

您的工作示例

HTML：

<input type="text" value="This is some text" id="text" style="width: 150px;" />
<br />
<input type="button" value="Click Me" id="button" />​

jQuery：

<script type="text/javascript">
$(function () {
    $('#button').on('click', function () {
        var text = $('#text');
        text.val(text.val() + ' after clicking');    
    });
});
<script>

Javascript

<script type="text/javascript">
document.getElementById("button").addEventListener('click', function () {
    var text = document.getElementById('text');
    text.value += ' after clicking';
});
</script>

工作 jQuery 示例： http: //jsfiddle.net/geMtZ/ ​</p>

Answer 2

这将只使用 javascript - 您也可以将函数放在 .js 文件中并使用 onclick 调用它

//button
<div onclick="
   document.forms['name_of_the_form']['name_of_the_input'].value += 'text you want to add to it'"
>button</div>

Answer 3

这是：http: //jsfiddle.net/tQyvp/

如果您不喜欢使用 jsfiddle，请使用以下代码：

html

<input id="myinputfield" value="This is some text" type="button">​

Javascript：

$('body').on('click', '#myinputfield', function(){
    var textField = $('#myinputfield');
    textField.val(textField.val()+' after clicking')       
});​