用jQuery获取表单内容总结
闲来无事,总结一下jQuery获取表单元素的基本语法
直接上代码
<tbody>
<tr>
<td class="td_left">登录邮箱 </td>
<td class="td_right"><input type="email" class="loginEmail" disabled="disabled"></td>
</tr>
<tr>
<td class="td_left">头像 </td>
<td class="td_right"><input type="file" class="file"></td>
</tr>
<tr>
<td class="td_left">联系人 </td>
<td class="td_right"><input type="text" name="" id="" value="" class="contacts"/></td>
</tr>
<tr>
<td class="td_left">联系邮箱 </td>
<td class="td_right"><input type="email" name="" id="" value="" class="contactsEmail"/></td>
</tr>
<tr>
<td class="td_left">手机号码 </td>
<td class="td_right"><input type="number" name="" id="" value="" class="phoneNum"/></td>
</tr>
<tr>
<td class="td_left">QQ </td>
<td class="td_right"><input type="number" name="" id="" value="" class="QQ"/></td>
</tr>
<tr>
<td class="td_left">地址 </td>
<td class="td_right"><input type="text" name="" id="" value="" class="address"/></td>
</tr>
<tr>
<td class="td_left">地区 </td>
<td class="td_right">
<div data-toggle="distpicker">
<select name="" data-province="广东省" class="province">
<option value=""></option>
</select>
<select name="" data-city="广州市" class="city">
<option value=""></option>
</select>
<select data-district="黄埔区" class="district">
<option value =""></option>
</select>
</div>
</td>
</tr>
</tbody>
var loginEmail = $('.loginEmail').val();
var headImage = $('input[type="file"]')[0].files;
var contacts = $('.contacts').val();
var contactsEmail = $('.contactsEmail').val();
var QQ = $('.QQ').val();
var address = $('.address').val();
var addressProvince = $('.province').find('option:selected').val();
var addressCity = $('.city').find('option:selected').val();
var addressDistrict = $('.district').find('option:selected').val();
console.log(loginEmail,headImage,contacts,contactsEmail,QQ,address,addressProvince,addressCity,addressDistrict);