如何获得具有相同类的表单的值

时间:2014-12-04 13:52:40

标签: jquery html

我已经问了同样的问题,并学会了在这种情况下使用类。

现在我有一个隐藏输入的另一个问题,它显示输入的第一个值不能获得输入的textarea的值。

我已经尝试使用nameidclass,但我将始终获得第一个值,如何解决此问题

这里是JsFiddle;

http://jsfiddle.net/96muj4wx/

代码

HTML

<form class=replyForm>
    <input type=hidden class=message-reply-statusId value=1 >
    <textarea class='beantwoorden reply' placeholder='Write a reaction...'></textarea>
</form>
<form class=replyForm>
    <input type=hidden class=message-reply-statusId value=2 >
    <textarea class='reply' placeholder='Write a reaction...'></textarea>
</form>
    <div id=value></div>

的jQuery

var replyForm = $('.replyForm');

    replyForm.on('keydown', function(evt) {

        var key = (evt.keyCode ? evt.keyCode : evt.which);

        // get the reply from selected form
        replyField = $(this).find("textarea");
        replyVal = replyField.val();
        replyStatusId = $('.message-reply-statusId');
        replyStatusId = replyStatusId.val();
        if (key === 13) {
            // prevent enter, line down
            evt.preventDefault();

            // test, append reply val to document
            // delete this line
            $('#value').append(replyStatusId + '<br>');

            if (replyVal) {
                console.log( replyStatusId)
                // do ajax stuff
                // clear field
                replyField.val('');
            }

        }
    });

1 个答案:

答案 0 :(得分:1)

替换

replyStatusId = $('.message-reply-statusId');

with:

replyStatusId = $(this).find('.message-reply-statusId');