微信小程序-獲得用戶輸入內(nèi)容

更新時(shí)間：2017年02月13日 15:05:12 作者：huangenai

本文主要介紹了微信小程序中獲得用戶輸入內(nèi)容的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧

在微信小程序里，如何獲得用戶輸入的內(nèi)容？？

js： document.getElementById("Content").value

jq：$("#Content").val()

在微信小程序中并不能這樣寫。

可以通過組件的屬性 bindchange 將用戶輸入的儲(chǔ)存存起來

test.wxml

<input id="postalCode" bindchange="bindChange" type="number" placeholder="輸入郵政編碼" auto-focus />
<input id="mail" bindchange="bindChange" type="number" placeholder="請(qǐng)輸入郵箱地址" />

test.js

var inputContent = {}
Page({
 data: {
 inputContent: {}
 },
 bindChange: function(e) {
 inputContent[e.currentTarget.id] = e.detail.value
 }
})

后臺(tái)輸出

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

jQuery插件Skippr實(shí)現(xiàn)焦點(diǎn)圖幻燈片特效
Skippr 是一個(gè)超級(jí)簡(jiǎn)單的 jQuery 幻燈片插件。只是包括你的網(wǎng)頁(yè)中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。Skippr 能夠自適應(yīng)窗口寬度，而且導(dǎo)航是獨(dú)特的條形導(dǎo)航。
2015-04-04
jQuery實(shí)現(xiàn)兩個(gè)select控件的互移操作
本文主要介紹了利用jQuery實(shí)現(xiàn)兩個(gè)<select>控件的互移操作的方法代碼，具有很好的參考價(jià)值，需要的朋友一起來看下吧
2016-12-12
jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)背景變化的動(dòng)態(tài)菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)背景變化的動(dòng)態(tài)菜單效果代碼,涉及jquery鼠標(biāo)mouseover事件操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
Ionic實(shí)現(xiàn)仿通訊錄點(diǎn)擊滑動(dòng)及$ionicscrolldelegate使用分析
這篇文章主要介紹了Ionic實(shí)現(xiàn)仿通訊錄點(diǎn)擊滑動(dòng)及$ionicscrolldelegate使用分析的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jQuery EasyUI ProgressBar進(jìn)度條組件
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI ProgressBar進(jìn)度條組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下
2014-03-03
jQuery中hover與mouseover和mouseout的區(qū)別分析
這篇文章主要介紹了jQuery中hover與mouseover和mouseout的區(qū)別,結(jié)合實(shí)例分析了jQuery中hover與mouseover和mouseout的區(qū)別與使用技巧,需要的朋友可以參考下
2015-12-12
jq源碼解析之綁在$,jQuery上面的方法(實(shí)例講解)
下面小編就為大家?guī)硪黄猨q源碼解析之綁在$,jQuery上面的方法(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10
Jquery綁定事件(bind和live的區(qū)別介紹)
Jquery中綁定事件有三種方法click、bind、live第一種方法很好理解，其實(shí)就和普通JS的用法差不多，只是少了一個(gè)on而已第二、三種方法都是綁定事件
2013-08-08
jquery中animate的stop()方法作用實(shí)例分析
這篇文章主要介紹了jquery中animate的stop()方法作用,實(shí)例分析了animate的stop()方法在視頻播放代碼中的使用技巧,感興趣的朋友可以對(duì)比分析一下帶stop方法與不帶stop方法運(yùn)行效果的區(qū)別,需要的朋友可以參考下
2015-01-01