1. 程式人生 > >微信小程式獲取表單初始值,提交改變過的資料

微信小程式獲取表單初始值,提交改變過的資料

 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
          });
        }
      }
    });
  },
})