微信小程式-textarea獲取輸入值(在modal中獲取值)
阿新 • • 發佈:2018-11-30
我的頁面是這樣的。我要點選微信自帶的modal中按鈕獲取textare的輸入值(下面的頁面已經改好了)
文件上的bindblur事件根本就滿足不了使用,因為我在點選按鈕後先呼叫了confirm方法,然後才會呼叫bindblur事件的方法獲取textare值。所以就沒辦法進行了。
網上有的部落格中寫的是用form表單觸發的事件,這樣就能先觸發bindblur事件獲取textare值,然後在觸發點選按鈕的事件。但是在modal彈框中不能用
。
bindinput事件可以解決這個問題,只要輸入發生變化就會觸發這個事件,就能從這個事件中獲取textare的輸入值。bindinput: function(e){ _this.setData({ reason_input: e.detail.value }); }, confirm: function (e) { wx.showLoading({ mask: true, title: '努力載入中...', }); $ajaxGet(null, '001000011', { "biz_desc": _this.data.reason_input, "member_id": e.currentTarget.detail.member_id, "topup_id": e.currentTarget.detail.data_id}, function (data) { if (data.success) { wx.hideLoading(); } }); },
<modal class="modal" hidden="{{hidden}}" title="拒絕原因" confirm-text="確認" bindconfirm="confirm" no-cancel="true"> <form bindsubmit="evaSubmit"> <textarea bindinput="bindinput" class='text' placeholder="請輸入拒絕原因" /> </form> <span bindtap="cancel" class="close">X</span> </modal>