使用 jQuery Ajax 发送按钮值答案

【问题标题】：Send a button value with jQuery Ajax使用 jQuery Ajax 发送按钮值
【发布时间】：2015-06-17 10:09:55
【问题描述】：

我对以下代码有一点问题：

<script type = "text/javascript" >
$(document).ready(function() {
    $("#click").click(function() {
        var jegy = $(this).attr('value');
        var dataString = $("#jegyform").serialize();

        $.ajax({
            type: "POST",
            url: "jegybeiras.php",
            data: dataString + '&jegy=' + jegy,
            cache: false,
            success: function(html) {
                $("#jegyek").html(html);
            }
        });

    });
}); 
</script>

还有一个表单，其中包含以下按钮（和其他输入）

<button id="click" name="jegy" type="submit" value="p5">5</button>
<button id="click" name="jegy" type="submit" value="p4">4</button>
<button id="click" name="jegy" type="submit" value="p3">3</button>
<button id="click" name="jegy" type="submit" value="p2">2</button>
<button id="click" name="jegy" type="submit" value="p1">1</button>

我的问题是，我如何发布点击按钮的值，它现在可以正常工作，但在第 4-5 次点击实际按钮时是随机的。

【问题讨论】：

标签： php jquery mysql ajax forms

【解决方案1】：

在您的每个按钮输入中将id 转换为class= "click"，然后尝试您的代码。

<script type="text/javascript">
 $(document).ready(function() {
    $(".click").click(function() {
        var jegy = $(this).attr('value');
        var dataString = $("#jegyform").serialize();

        $.ajax({
            type: "POST",
            url: "jegybeiras.php",
            data: dataString + '&jegy=' + jegy,
            cache: false,
            success: function(html) {
                $("#jegyek").html(html);
            }
        });

    });
 }); 
</script>

注意：- 如果您想在代码中多次出现相同类型的元素上添加事件。然后去上课。 id 用于在唯一元素上添加事件。

【讨论】：