JQueryを使用してTextAreaを取得する

Question

JQueryを使用してフォームを送信しています。フォームは、フォームをキャッチする

<form class="ask-more-form"> 
<div class="product_info_2"> 
<textarea name="product_question" class="textbox" placeholder="Ask You Question Here"></textarea> 
</div> 
<input type="hidden" name="product_id" value="1" id="product_id"> 
<a href="#" class="whiteButton submit" id="ask-more-submit-button">Ask Question</a> 
</form> 

とjQuery以下のようになります。次のようになります。

$('#ask-more').on('submit', '.ask-more-form', function() { 
     var product_id = $(this).children('input[name=product_id]').val(); 
     var product_question = $(this).children('textarea[name="product_question"]').text(); 

alert(product_question); 
//submitQuestion(product_id, product_question); 

       }); 

のproduct_idを読み取る常にあるが、製品の質問は常にnullです。誰がなぜこれが起こっているのか教えてもらえますか？

Answer 1

.childrenonly goes one level downのような他の入力要素タイプに当てはまります<textarea>にtext()を使用しています。代わりに.findを使用してください。

$('#ask-more').on('submit', '.ask-more-form', function() { 
    var product_id = $(this).children('input[name=product_id]').val(); 
    var product_question = $(this).find('textarea[name="product_question"]').text(); 
    alert(product_question); 
    //submitQuestion(product_id, product_question); 
}); 

Answer 2

あなたはval()

var product_question = $(this).children('textarea[name="product_question"]').val(); 

を使用する必要があるときは、これが<select>と<input>

Answer 3

Use .val() instead of .text()トリックを行います

Answer 4

childrenまたはfindを使用する必要はありません。すでにフォームのidを持っているので、あなたのベースのためにそれを使用して、ちょうどそのような標準的なjQueryのセレクタを使用することができます：あなたが唯一のthis DOMツリーなどを使用するためにjqueryのを言っているseocnd引数を追加することにより、

var product_question = $('textarea[name="product_question"]', this).val(); 

を。