小程序-获取input值的方法

微信小程序-获取input值的方法

1、 bindinput

wxml

<input name="text_name" type='text' bindinput='getValue' placeholder-style='font-size:28rpx;' placeholder='请输入信息'></input>

js

getValue(e){
  console.log(e.detail)   
}

包含value值, cursor 是获取光标的位置。

2、 bindsubmit

当需要提交的表单内容过多时，选择bindsubmit更合适
我们通过input的name字段与之区分
wxml

<form bindsubmit="formSubmit">
    <view class='name'>
        <text>名称：</text>
        <input name="eq" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入名称'></input>
    </view>
    <view class='name'>
        <text>编码：</text>
        <input name="code" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入编码'></input>
    </view>
    
    <button form-type='submit'>提交</button>
</form>

获取事件js

formSubmit(e){
    // console.log(e)
    console.log(e.detail.value);
  },