Question

我想制作一个简单的形式，它发布值1和值2。所以我做了这个简单的表格只是为了进行测试：

<form method="post" name="form1" id="form1">
<button id="submit" type='submit' value="1" id="master_zoom" name="master_zoom">Zoom 1</button><br/><br/>
<button id="submit2" type='submit' value="2" id="master_zoom" name="master_zoom">Zoom 2</button>
</form><br/>

此表单在同一页面中发布值。你能告诉我怎样才能制作一个ajax表格，并在不重新加载页面的情况下将相同的内容发布到同一页面上？

提前谢谢！：）

Answer 1

以下是使用JQuery的示例。不确定这是否有助于回答你的问题，但这里有一个jsfiddle，希望能指出你正确的方向。

http://jsfiddle.net/e5bq3x2z/

HTML

<button class="zoom" id="zoom1" type='submit' value="1" >Zoom 1</button>
<br/>
<br/>
<button class="zoom" id="zoom2" type='submit' value="2" >Zoom 2</button>
<br/>
<br/>
<input id="myinput" value="submitted value"></input>

Jquery的

$(document).ready(function(){

  $("#zoom1").click(function(){
     var myvalue = $("#zoom1").val();
      $("#myinput").val(myvalue);
  });

  $("#zoom2").click(function(){
     var myvalue = $("#zoom2").val();
      $("#myinput").val(myvalue);
  });
});

Ajax提交表单自我页面 - 两个按钮

1 个答案: