微信小程序系列——如何获取input和textarea的内容

作者专注于Java、架构、Linux、小程序、爬虫、自动化等技术。 工作期间含泪整理出一些资料，微信搜索【程序员高手之路】，回复 【java】【黑客】【爬虫】【小程序】【面试】等关键字免费获取资料。技术交流、项目合作可私聊。

前言

input内容可以直接获取到，而textarea内容需要间接通过blur获取：

一、获取input的值

wxml：

<input type="text" class="input-val" bindinput ="searchInput" placeholder="请输入查询内容" maxlength='10' value="{{searchVal}}"/>

js：

searchInput:function(e){
  this.setData({
    searchVal: e.detail.value
  })
},

二、获取textarea的值

wxml表单：

<form bindsubmit="formSubmit" >
 <view class="add-text">
  <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请输入texterea内容" value="{{inputVal}}" />
 </view> 
  <view class="insert-button">
    <button formType="submit">提交</button>
  </view>
</form>

js：

data: {
	inputVal: ""
},
bindTextAreaBlur: function(e) {
	this.setData({
	  inputVal:e.detail.value
	}) 
},    
formSubmit: function(e) {
	console.log(that.data.inputVal)
},

体验小程序

      

更多内容，请关注公众号：程序员高手之路

在公众号回复：小程序资源   即可免费获取以下微信小程序视频教程！