使用JQuery获取TextArea

我使用 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始终被读取,但产品问题始终为空.任何人都可以告诉我为什么会发生这种情况？

解决方法

.children only goes one level down.使用.find代替：

$('#ask-more').on('submit',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);
});

原文地址：https://www.jb51.cc/jquery/176765.html