Question

我在我的应用中使用地图api。选择标记，名为“Add marker”和“Refresh map"的按钮用于刷新地图。我正面对这里。

保存数据后，保存按钮将重定向到下一页。在我的情况下，“添加标记”，"Refresh map"都在执行保存按钮作业，如果我按"Add marker"而不是显示标记，页面重定向到下一页。这是在使用</form>后发生的。请在此处查看我的模板，

<form method="POST" action="/member/where/" >
{% csrf_token %}
<td colspan="2" class="incident-type" style="padding-left:25px">
  {% for location in locationList%}
  {% if location.parent_location_id == None %}
  <h1>{{location.title}}</h1>
  {% endif %}
{% endfor %}
<p>
<span class="map_buttons" >{% include "buttons/refreshmap.html" %}</span> <span class="map_buttons" style="margin-left:20px;">{% include "buttons/addmarker.html" %} </span>
</p>
<p id=ir-nextbtn>{% include "buttons/next.html" %}</a></form></p>

refreshmarker.html

<button type="submit" title="Refresh map"  class="map_buttons button_style">Refresh map</button>

addmarker.html

<button type="submit" title="Add marker"  class="map_buttons button_style">Add marker</button>

需要澄清这个问题。

Answer 1

问题是因为两个按钮都是submit类型，当您单击其中一个按钮时，表单就会被提交。结果，页面被重定向到表单的oto action，即/ member / where /

试试这个： - 保持刷新，

  <button type="submit" title="Refresh map"  class="map_buttons button_style">Refresh map</button>

并添加

 <button onClick=somefuntion(this)' title="Add marker"  class="map_buttons button_style">Add   marker</button>

让一些函数做必要的

<script>
function somefuntion(button){
    // your code
   document.forms[0].submit() // this will submit your form
 }
</script>

页面重定向到下一页

1 个答案: