JQuery

Question

का उपयोग कर TextArea प्राप्त करना मैं 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 हमेशा पढ़ने के लिए है, लेकिन सवाल यह है कि उत्पाद हमेशा रिक्त है: नीचे

<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 को पकड़ने के लिए की तरह फार्म इस तरह दिखता है प्रपत्र लग रहा है। क्या कोई मुझे बता सकता है कि यह क्यों हो रहा है?

Answer 1

.childrenonly goes one level down का उपयोग करना चाहिए। बजाय .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

आप एक <textarea> पर text() उपयोग करते समय आपको val()

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

यह <select> जैसे अन्य इनपुट तत्व प्रकार के लिए सच है और <input>

Answer 3

Use .val() instead of .text()। यह चाल

Answer 4

आपको children या find का उपयोग करने की आवश्यकता नहीं है। चूंकि आप पहले से प्रपत्र आप अपने आधार के लिए उपयोग कर सकते हैं कि और सिर्फ इसलिए की तरह एक मानक jQuery चयनकर्ता का उपयोग की id है: एक seocnd तर्क आप कह रहे हैं जोड़कर

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

jQuery डोम वृक्ष के रूप में केवल this उपयोग करने के लिए ।