jQuery 快速读取form表单中的值

前端HTML页面代码如下

<form class="theForm layui-form" id="Form">
			  <div class="inputOne">
					<span class="theSpan">选择日期</span>
					<input type="text" class="layui-input" name="payTime" id="payTime">
			  </div>
			  <div class="inputOne">
						<span class="theSpan">选择仓库</span>
						<select name="whId" id="whId">
					        <option value="">所有仓库</option>
					    </select>
			   </div>
		  <button class="layui-btn" id="theSubmit" type="button" style="margin-left:20px">搜索</button>
</form> 

通过jQuery 读取form表单的内容
首先获取到整个form表单，并且转化为数组
var formData = $(’#Form’).serializeArray();
1、读取input的值，直接使用 .value 属性

var theDate = formData[0].value;

2、读取select 的值也是一样的，会直接读取被选中option的值

var whId = formData[1].value;

3、读取select被选中option的内容

var whName = $("#whId option:selected").text();