Send a button value with jQuery Ajax

Question

I have a litle problem with the following code:

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

And a form where is the following buttons (and other inputs)

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

My question is that, how can I post the clicked button value, it is working now but randomly for 4th-5th clicking on the actual button.

Death-is-the-real-truth · Accepted Answer · 2021-07-26 11:43:03Z

2

Convert id to class= "click" in each your button input and then try your code.

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

Note:- if you want to add event on same type of element coming multiple time in your code. then go for class. id is used to add event on unique element.

edited Jul 26, 2021 at 11:43

answered Apr 11, 2015 at 20:24

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send a button value with jQuery Ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related