如何从jquery中的表单中获取字段

Question

HTML

            <form id="searchForm" action="search" method="post">
                <input id="query" name="query" type="text" value="Find Friends"/>
                <input id="requestType" name="type" type="hidden" value="normal"/>
                <input type="submit" class="button" value="Search"/>
            </form>

Javascript

  var form = $('#searchForm');

现在由于某种原因，我想从Object表单中获取id为query的字段的值。 我该怎么做？

我尝试了form.query，但未定义。

Answer 1

$('#searchForm').find('#query').val();

如果您知道它始终是第一个后代，您可以使用.children代替.find。

Answer 2

在表单对象上使用.find()：

console.log( form.find('#query').val() );