html52.com
我爱小程序-开发者交流社区

请教一下,小程序form表单中有多个submit按钮,如何同时获取表单数据呢?

请教一下,小程序form表单中有多个submit按钮,如何同时获取表单数据呢.

两个按钮执行不同的方法,都需要用到表单对象,请问这种情况怎么处理呢,求大神指教.


两个按钮执行不同的方法,都需要用到表单对象,请问这种情况怎么处理呢,求大神指教.

网友回复

o0o往后余生:

给按钮加data-type

按钮1 data-type='1'

按钮2 data-type='2'

<form bindsubmit="submit">

    <input name="ads" />

    <input name="ads2" />

    <button form-type="submit" data-type="2">提交</button>

    <button form-type="submit" data-type="1">提交</button>

</form>

可以在e.detail.target.dataset.type里获取到按钮的类型,从而知道点击了哪个按钮,用于执行不同业务方法,而e.detail.value就是表单的数据

submit:function(e){

    console.log(e)

    if(e.detail.target.dataset.type == 1){

        this.xxxx()

    }else if(e.detail.target.dataset.type == 2){

         this.cccc()

    }else{

         this.bbbb()

    }

}



评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付