javascript - jQuery を使用して入力フィールドに複数の値を追加する

Question

jQueryで入力フィールドに複数の入力値を追加したい。ボタンを押すたびに、新しい値が古い値とともに同じフィールドに追加されるようにします。

次のコードを試していますが、値を追加せず、以前の値を上書きするだけです。

HTML:

<div class="wrap">
    <button>Add value</button>
    <input name="myinput[]" value="" />
</div>

jQuery:

$("button").click(function(e) {
    e.preventDefault();
    $(this).parent().find('input[name=myinput\\[\\]]').val("value+");   
});

デモ: http://jsfiddle.net/D97bV/

Answer 1

一緒に文字列を追加します+

$("button").on('click', function(e) {
    e.preventDefault();
    var elem = $(this).parent().find('input[name=myinput\\[\\]]');

    elem.val( elem.val() + 'add this' );
});

フィドル

追加するのに役立つものだけが必要ですか？

Answer 2

試す：

$("button").click(function(e) {
    e.preventDefault();
    var val = $(this).parent().find('input[name=myinput\\[\\]]').val();
    $(this).parent().find('input[name=myinput\\[\\]]').val(val+"value+");

});

デモフィドル

Answer 3

これを試して：

$("button").click(function(e) {
    e.preventDefault();
    var myInput = $(this).parent().find('input[name=myinput\\[\\]]');
    myInput.val(myInput.val() + "value+");   
});