收藏
回答

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

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

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



最后一次编辑于  09-09
回答关注问题邀请回答
收藏

1 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    09-09

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

        }

    }



    09-09
    赞同 4
    回复 1
    • Y、
      Y、
      09-09
      太感谢了,非常有用,谢谢谢谢
      09-09
      回复
问题标签