使用jQuery在输入字段中添加多个值

时间:2013-09-02 17:30:01

标签: javascript jquery

我想用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/

3 个答案:

答案 0 :(得分:3)

您可以将字符串与+

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

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

FIDDLE

现在你只需要一些有用的东西来添加?

答案 1 :(得分: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+");

});

<强> DEMO FIDDLE

答案 2 :(得分:1)

试试这个:

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