jquery访问表单元素

时间:2013-10-31 12:43:04

标签: jquery forms element

我想知道如何访问以任何形式点击按钮的表单元素。

<form action="">
   <textarea>Value1</textarea>
   <input type='submit'>
</form>
<form action="">
   <textarea>Value2</textarea>
   <input type='submit'>
</form>

我需要的是什么;如果我点击第一个按钮;警报必须是Value1,如果我点击第二个按钮;警报必须是Value2。我怎样才能做到这一点? 会有很多这样的形式,所以我不能给每个文本都提供id或名称。

2 个答案:

答案 0 :(得分:3)

使用此代码,您可以在提交按钮的父表单中找到textarea:

$('input[type=submit]').click(function() {
    alert($(this).parent().find('textarea').val())
})

Example: http://jsfiddle.net/BZJYj/

答案 1 :(得分:1)

var _clickEvent = function(e) {
     e.preventDefault();

     var value = $(this).closest('form').find('textarea').val();
     alert(value);
};

$('body').on('click', 'input[type=submit]', _clickEvent);