雅安论坛

标题: 微信小程序获取input输入框的值 [打印本页]

---

作者: 匿名    时间: 2022-1-3 18:54
标题: 微信小程序获取input输入框的值
这个是wxml代码

1. <view class='box'>
   
2.   <form bindsubmit='searchBox'>
   
3.       <input type='text' class='userBox' name='username'></input>
   
4.       <input type='text' class='pwdBox' name='pwd'></input>
   
5.       <button class='login' form-type='submit'>登录</button>
   
6.   </form>
   
7.   <text>输入的内容:{{first}}</text>
   
8.   <text>输入的内容2:{{second}}</text>
   
9. </view>

复制代码

js

1. searchBox:function(e){
   
2.     const that = this;
   
3.     let first,second;
   
4.     that.setData({
   
5.       first    :    e.detail.value.username,
   
6.       second   :     e.detail.value.pwd
   
7.     })
   
8.   }
   
9. //这个函数一定要写在标签上才能用e.detail.value获取到

复制代码

还有就是e.detail.value,如果获取一个输入框的value值，可以这样写，但是如果获取多个后面还需要写上name,e.detail.value.(输入框的name),一般我写的时候不管几个输入框都写name。
文章来源：https://blog.csdn.net/qq_35909852/article/details/78336193感谢分享

---

欢迎光临 雅安论坛 (https://www.yaanbbs.net/)

Powered by Discuz! X3.4