添加文本字符串輸入到輸入字段，當用戶點擊一個按鈕

基本上只是嘗試將文本添加到已包含值..觸發器是一個按鈕的輸入域..添加文本字符串輸入到輸入字段，當用戶點擊一個按鈕

之前我們點擊按鈕，表單字段看起來像..（用戶輸入的一些數據）

[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

添加文本字符串輸入到輸入字段，當用戶點擊一個按鈕

回答

相關問題