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

前几天写小程序写小程序发现小程序不能dom操作,这个就很尴尬啊,然后问了下度娘发现可以这样获得的。

这个是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。

你可能感兴趣的:(html+css,javascript,微信公众号)