微信小程序 input提交的数据获取textarea的值详解

最新推荐文章于 2023-11-14 22:05:30 发布

Undefind_object

最新推荐文章于 2023-11-14 22:05:30 发布

阅读量2.9k

点赞数

分类专栏：小程序

原文链接：https://blog.csdn.net/qq_35730500/article/details/53522594

版权

小程序专栏收录该内容

6 篇文章 0 订阅

订阅专栏

微信小程序获取textarea的值详解
在这里我们可以借用form表单来获取textarea的值
wxml的代码：

<form bindsubmit="formSubmit" >
 <view class="section">
  <textarea bindblur="bindTextAreaBlur" auto-height placeholder="请输入texterea内容" value="{{ceshi}}" />
  <input name="input" placeholder="请输入input框的内容" />
 </view> 
  <view class="btn-area">
    <button formType="submit">提交</button>
  </view>
</form>
<view>{{ceshis}}</view>

js的代码：

Page({
  data: {
    height: 20,
    focus: false,
    ceshi:''
  },
  bindTextAreaBlur: function(e) {
     this.setData({
      ceshi:e.detail.value
     }) 
  
  },    
  formSubmit: function(e) {

    this.setData({
     ceshis:this.data.ceshi,
     ceshidd:e.detail.value.input
    })
          
  }
})