2013-10-31 249 views
-1

我不知道如何訪問單擊任何形式的按鈕的表單元素。jquery訪問表單元素

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

我需要的是;如果我點擊第一個按鈕;如果我點擊第二個按鈕,警報必須是Value1;警報必須是Value2。我怎樣才能做到這一點? 會有很多這樣的形式,所以我不能給每個文本的id或名稱。

+3

告訴我們你已經嘗試了什麼? –

+0

你寫了一個點擊處理程序...請分享 –

+0

我試過父母和兄弟姐妹的孩子。 –

回答

3

有了這個代碼,你可以找到在提交按鈕的父窗體一個textarea:

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

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

+0

但是,如果您將更改表單的佈局,如將提交以其他形式的子元素提交,則此代碼將不正確。 –

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

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

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