请教一下,小程序form表单中有多个submit按钮,如何同时获取表单数据呢?
发布于 5 年前 作者 xiulanhuang 11308 次浏览 来自 官方Issues

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

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

1 回复

给按钮加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()

    }

}

回到顶部