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+");   
});