Thêm một chuỗi văn bản vào một trường nhập khi người dùng nhấp vào một nút

Question

Về cơ bản chỉ cố gắng để thêm văn bản vào một lĩnh vực đầu vào mà đã có chứa một giá trị .. cò trở thành một nút ..

Trước khi chúng ta bấm nút, trường mẫu sẽ trông như thế .. (user đầu vào một số dữ liệu)

[This is some text] 
(Button) 

Sau khi nút nhấn, lĩnh vực sẽ trông như thế .. (chúng tôi thêm after clicking với giá trị hiện tại)

[This is some text after clicking] 
(Button) 

Đang cố gắng để hoàn thành chỉ sử dụng javascript ..

Answer 1

Ví dụ để bạn có thể làm việc từ

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> 

công tác jQuery dụ: http://jsfiddle.net/geMtZ/

Answer 2

Ở đây là: http://jsfiddle.net/tQyvp/

Dưới đây là mã nếu bạn không thích đi 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')  
});​ 

Answer 3

this wi ll làm điều đó chỉ với javascript - bạn cũng có thể đặt các chức năng trong một tập tin .js và gọi nó với onclick

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