Button doesn't work in php with jQuery

Question

my button doesn't work when I click on it nothing happens. This is my HTML for it:

<form id="myform" name="myform" action="senden.php" method="get">
        <ul><div>
                <li>
            <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>

            <p> Felder mit einem Stern müssen ausgefüllt werden! </p>
        </ul>

    </form>

and this is my jQuery for it (the button is in a form):

<script> 
        jQuery('document').ready(function(){

            $("#myform").on('click', '#testbutton', function(){
                alert("test");
            });

        });
    </script>

Where is your <form id="myform" ..> ? Please click the <> and add the rest of the relevant HTML. — mplungjan
– mplungjan, Commented Feb 20, 2017 at 13:37
Your code works. Which error are you getting? Are you including jquery? — user3380963
– user3380963, Commented Feb 20, 2017 at 13:44

Manuel Cheța · Accepted Answer · 2017-02-20 13:42:00Z

1

You only need to make a small change. Attach the click directly to the target button and it will work.

$('document').ready(function(){
    $("#testbutton").on('click', function(){
        alert("test");
    });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>

answered Feb 20, 2017 at 13:42

Manuel Cheța

5002 silver badges10 bronze badges

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

4 Comments

Mr. Robot Over a year ago

how do I attach it directly to the button?

Manuel Cheța Over a year ago

This line in my code form above does just that. Target directly the testbutton: $("#testbutton").on('click',function(){

Manuel Cheța Over a year ago

ok, then you need to check if you get any errors in the console, in Chrome - developers.google.com/web/tools/chrome-devtools/console You should be able to see if, by any chance the jQuery library is missing.

Jay Blanchard Over a year ago

This is no different than what the OP is doing, so why make the change?

score 0 · Accepted Answer · 2017-02-20 13:54:39Z

0

Your code seems working correctly, are you sure you were including jquery? Here is what I tested:

<script src="http://code.jquery.com/jquery-latest.min.js"
    type="text/javascript"></script>

<script> 
    jQuery('document').ready(function(){

        $("#myform").on('click', '#testbutton', function(){
            alert("test");
        });

    });
</script>   


<form id="myform" name="myform" action="senden.php" method="get">
<ul><div>
    <li>
        <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>

        <p> Felder mit einem Stern müssen ausgefüllt werden! </p>
    </ul>

</form>

Here is a jsfiddle too. Do it works?

edited Feb 20, 2017 at 13:54

answered Feb 20, 2017 at 13:48

user3380963

2 Comments

user3380963 Over a year ago

So it must work in your environment! Are you working locally? How are you including jquery?

user3380963 Over a year ago

Really? Not even a "Thank you"?

Collectives™ on Stack Overflow

Button doesn't work in php with jQuery

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related