在html中使一个按钮触发另一个按钮

问题描述

我有一个让用户下载文件的按钮，我有一个表单需要在用户点击下载按钮时POST编辑。

<a class="down" href="{{x.image.url}}" download="none">
     <button>get</button>
</a>
<form action="/image_info/" method="POST" id='image_form'>
    {% csrf_token %}
    <input name='info_button' type="hidden" value="{{x.id}}>
    <button class="imginfo" type="submit">info</button>
</form>

因此，在此我希望在按下 image_form 按钮时提交 down 并下载图像。基本上应该在下载时按下 imginfo 提交按钮按钮被按下。谢谢！

解决方法

像这样给下载按钮一个 onclick 事件

    <a class="down" href="{{x.image.url}}" download="none"><button onclick="myfunc()">get</button></a>

现在定义一个 js 函数 myfunc() 以在点击下载按钮时提交表单

          <script type="text/javascript">
          function myfunc()
          {
            document.getElementById("dform").submit();
          }
        </script>