添加文本字符串输入到输入字段，当用户点击一个按钮

基本上只是尝试将文本添加到已包含值..触发器是一个按钮的输入域..添加文本字符串输入到输入字段，当用户点击一个按钮

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

[This is some text] 
(Button)

点击按钮后，现场会是什么样子。（我们添加after clicking的电流值）

[This is some text after clicking] 
(Button)

尝试使用只有JavaScript来完成..

来源

2012-12-18 Z with a Z

请包括你已经尝试的代码。 –

詹姆斯，我已经尝试了几种不同的东西，但我没有得到它的任何地方：/ –

实例调用它让你从工作

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/

来源

2012-12-18 20:51:07 PhearOfRayne

这看起来是最好的解决方案..我只是不明白为什么它不会在我的结束..驱使我坚果 –

@ZwithaZ如果你访问jsfiddle的例子，它会工作吗？ – PhearOfRayne

雅..它很好..但是当我把它放在我的最后什么都没有发生任何原因（即使以各种方式调整）..我不明白。去看看是否有其他的建议对我有用.. –

这就是： 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')  
});

来源

2012-12-18 20:45:45

this wi LL只用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>

来源

2012-12-18 20:47:50 Hat

添加文本字符串输入到输入字段，当用户点击一个按钮

回答

相关问题