20

基本的に、すでに値が含まれている入力フィールドにテキストを追加しようとしているだけです..トリガーはボタンです..

ボタンをクリックする前は、フォームフィールドは次のようになります.. (ユーザーが何らかのデータを入力)

[This is some text]
(Button)

ボタンをクリックすると、フィールドは次のようになります.. (after clicking現在の値に追加します)

[This is some text after clicking]
(Button)

JavaScriptのみを使用して達成しようとしています..

4

3 に答える 3

41

作業の例

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>

于 2012-12-18T20:51:07.523 に答える
4

これは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-18T20:47:50.333 に答える
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')       
});​
于 2012-12-18T20:45:45.173 に答える