0

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

保存数据后，保存按钮将重定向到下一页。在我的情况下，两个“添加标记”"Refresh map"都在执行保存按钮工作，如果我按下"Add marker"而不是显示标记，页面将重定向到下一页。这正在发生使用</form>.see my template here 后，

<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>

刷新标记.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>

需要澄清这个问题。

4

1 回答 1

1

问题是因为这两个按钮都是 type submit，当您单击其中一个按钮时，表单会被提交。结果，页面被重定向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>
于 2013-06-05T07:23:10.517 回答