为什么我的动态表单提交不使用jquery替换的按钮标签值

Why does my dynamic form submit not use the jQuery-replaced button label value?

本文关键字:替换 按钮 标签 jquery 动态 我的 表单提交 为什么      更新时间:2023-09-26
<button class="gocrazy" label="1"/>
<button class="gocrazy" label="2"/>
<button class="gocrazy" label="3"/>
<form id="crazyform" method="POST" action="/crazyform">
<input type="hidden" id="crazyreplace" value="REPLACE WITH BUTTON LABEL ON CLICK">
</form>
$(".gocrazy").button();
$(".gocrazy").click( function(event)
{   
    var gocrazy = $(this).attr("label");
    $("#crazyreplace").val(gocrazy);
    $("form#crazyform").submit();
    return false;
});

我想提交这个表单的值从按钮标签(1,2或3)替换为使用jQuery隐藏的crazyreplace字段。

但是表单是与原始文本消息(REPLACE WITH BUTTON LABEL ON CLICK)一起提交的。

怎么了?

检查工作示例http://jsfiddle.net/TM7Hp/3/

给定该代码,表单将不会与任何文本消息一起提交。输入没有name,所以它不能是一个成功的控制。

如果你想提交一个被点击按钮的值,这样做:

<form method="POST" action="/crazyform">
    <input type="submit" name="button" value="1">
    <input type="submit" name="button" value="2">
    <input type="submit" name="button" value="3">
</form>

只有点击提交按钮才会成功,所以服务器将接收到

button=2

如果你使用值为2的按钮提交它