Question

当用户点击提交按钮时，如何使此变量计算有效？

var size = $("#size").val();

<input id="size" />
<button type="Submit">Calculate!</button>

应取输入值并将其存储在variable = size

中

是否可以在仅使用jQuery提交后将其输出回页面上的用户而不重新加载？

JSFiddle

Answer 1

将事件处理程序附加到表单的submit事件。事件处理程序应该对事件调用preventDefault()以阻止表单提交。

基本示例

<强> HTML

<form>
<input id="size" />
<button type="Submit">Calculate!</button>
</form>
<div id="output"></div>

<强>的Javascript

var size;
$("form").submit(function(e){
    e.preventDefault();  //prevents form from submitting
    size = $("#size").val();
    $("#output").text(size);
});

JS小提琴： http://jsfiddle.net/NKq6L/

使用小提琴代码

<强>的Javascript

$("#cushionCalculator").submit(function(e){
    e.preventDefault();
    var size = $("#size").val();
    $("#output").text(size);
});

使用您的代码小提琴： http://jsfiddle.net/8pEp2/2/

Answer 2

您可以执行以下操作：

$('button').submit(function() {
  var size = $('#size').val();
  // Do whatever you want with size
  return false;
});

Answer 3

我喜欢的方式是以这种方式序列化整个表单：

您的HTML表单：

<form id=myform>
<input name="Size" id="size" value="hello world" />
<input name="somethingelse" id="somethingelse" />
<button type="Submit">Calculate!</button>    
</form>

现在你的srcipt：

var obj = $('myform').serialize();

alert(obj.Size);
alert(obj.somethingelse)

尺寸警报将显示“你好世界”或它有什么价值希望它有所帮助！

.val在提交表单时分配给变量

3 个答案:

基本示例

使用小提琴代码