微信小程式獲取表單初始值,提交改變過的資料
阿新 • • 發佈:2018-12-04
form表單,通過onload(options)獲取的引數給輸入框賦值,提交改變後的引數
<form bindsubmit="submitForm"> <view class='item'> <view class='label'>聯絡人:</view> <input type="text" placeholder="" name="input_linker" value="{{linker}}" class="input_search" /> </view> <view class='item'> <view class='label'>聯絡電話:</view> <input type="text" placeholder="" name="input_linkermobile" value="{{linkermobile}}" class="input_search" /> </view> <view class='item'> <view class='label'>備註:</view> <textarea placeholder="" name="input_remark" value="{{remark}}" class="textarea_search"></textarea> </view> <view class='item'> <button class='bgBtn submitBtn' formType='submit' wx:if="{{isShow}}">提交</button> </view> </form> </view>
Page({ data: { linker: '', linkermobile: '', remark: '', isShow: true, id: '' }, /*生命週期函式--監聽頁面載入*/ onLoad: function (options) { console.log(options); this.setData({ id: res[0].id, linker: res[0].linker, linkermobile: res[0].linkermobile, remark: res[0].remark }); }, /*點選提交 */ submitForm: function(event){ console.log(event.detail.value); var that = this; var obj1 = {}; obj1.id = that.data.id; if (that.data.linker != event.detail.value.input_linker){ obj1.linker = event.detail.value.input_linker; } if (that.data.linkermobile != event.detail.value.input_linkermobile) { obj1.linkermobile = event.detail.value.input_linkermobile; } if (that.data.remark != event.detail.value.input_remark) { obj1.remark = event.detail.value.input_remark; } wx.request({ url: 'update.php', //僅為示例,並非真實的介面地址 header: { "Content-Type": "application/x-www-form-urlencoded" }, data: obj1, success(res) { console.log(res.data); if(res.data.code == 1){ wx.showToast({ title: '提交成功', icon: 'success', duration: 2000 }) that.setData({ isShow: false }); } } }); }, })