Anonymous 发表于 2022-1-3 18:54:51

微信小程序获取input输入框的值

这个是wxml代码<view class='box'>
<form bindsubmit='searchBox'>
      <input type='text' class='userBox' name='username'></input>
      <input type='text' class='pwdBox' name='pwd'></input>
      <button class='login' form-type='submit'>登录</button>
</form>
<text>输入的内容:{{first}}</text>
<text>输入的内容2:{{second}}</text>
</view>js
searchBox:function(e){
    const that = this;
    let first,second;
    that.setData({
      first    :    e.detail.value.username,
      second   :   e.detail.value.pwd
    })
}
//这个函数一定要写在标签上才能用e.detail.value获取到还有就是e.detail.value,如果获取一个输入框的value值,可以这样写,但是如果获取多个后面还需要写上name,e.detail.value.(输入框的name),一般我写的时候不管几个输入框都写name。
文章来源:https://blog.csdn.net/qq_35909852/article/details/78336193感谢分享

页: [1]
查看完整版本: 微信小程序获取input输入框的值