獲取微信小程式的input控制項的value

2022-03-13 17:28:20 字數 578 閱讀 3995

如何獲取呢?大體上兩種辦法:

一是利用控制項本身的事件,不斷的重新整理data裡的某個屬性值,常用是bindinput、bindblur。前者是錄入時處理,後者是控制項失去焦點時處理。如果每個控制項都需要乙個繫結的方法,這當然是可怕的。利用bindblur說明一下如何使用乙個方法來解決全部控制項的繫結吧。

先是js的**,節選一部分如下:

data: , //提交的資料

},// input框輸入失去焦點時判斷

inputwatch:function (e) );

console.log('userinfo', userinfo)

},

wxml中需要繫結事件,定義dataset,加上value顯示的設定

有沒有一種很累的感覺。

第二種辦法是使用form來獲取錄入的值,wxml需要指定name,比上面稍省一點

以下是js檔案的onnext方法

onnext:function(data),

以上兩種辦法不能混合使用。原因是inputwatch呼叫了setdata,而沒有繫結事件的控制項的值還沒有提交到userinfo.

微信小程式input

index.wxml 新增檢視 稅前收入 這裡的標籤相當於html裡的div h1 span acronym abbr address等等,詳細在網上另查閱。我在這裡主要是想釐清標籤裡的內容。1.class 型別裡我放置了 area input 2.type 型別裡放置了 number type 可...

微信小程式獲取input輸入框的值

官方文件 輸入的內容 輸入的內容2 searchbox function e 這個函式一定要寫在標籤上才能用e.detail.value獲取到 防止誤導,故去掉無關屬性 getphone e 官方對bindinput事件的說明 鍵盤輸入時觸發,event.detail keycode 為鍵值,2.1...

微信小程式獲取unionId

注意本介面需要使用者授權,請開發者妥善處理使用者拒絕授權後的情況。第一步 需要的引數session key,iv,encrypteddata an highlighted block aes解密 待解密的位元組陣列 解密金鑰位元組陣列 iv初始化向量位元組陣列 運算模式 填充模式 public st...