Button doesn't work in php

Question

So I have tried to create a button from php that will be displayed in html and I tried to test the button by creating alert function but it doesn't work while if I create button in html directly the function works. Here is my code, which may not be clear, but I hope it helps with the understanding of my question. Thanks.

<?php 
echo"<div class='col-md-3'>";
echo"<p><button id='remove'>remove</button></p>";
?>

$(document).ready(function(){
$("#remove").click(function(){
        alert("test");

});
});

remove button which is created in php. It's suppose to alert but it doesn't — Kiran, Mar 22 '17 at 19:13
Have you included the jQuery library in the project? Are there any errors reported? — Jay Blanchard, Mar 22 '17 at 19:14
@Shogunivar yea jquery file is added in html and also the library as well. No errors reported. — Kiran, Mar 22 '17 at 19:16
[ID's Must Be Unique](http://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-eleme), specifically because it will cause problems in [JavaScript](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) and CSS when you try to interact with those elements. — Jay Blanchard, Mar 22 '17 at 19:20
btw; you did close off your `
`, right? I don't see `
` anywhere — Funk Forty Niner, Mar 22 '17 at 19:25
@JayBlanchard Does it matter if they are in session variable because i am creating shopping cart and every item will have remove button but for now i am actually testing if the button responds so i created alert function but didn't work. although the button exist. — Kiran, Mar 22 '17 at 19:25
`store_items.php?del` relevant? `//$.post('store_items.php?del',function(data){` that's commented out and there's no closing brace for `$(document).ready(function(){`. and that alone should have thrown you an error in dev console. — Funk Forty Niner, Mar 22 '17 at 19:26
@JayBlanchard Those items are stored in session variable and button beside them. So when i want to remove one item, i just click the button and remove it. — Kiran, Mar 22 '17 at 19:32
@insertusernamehere no it's not. I am creating button separately in php that will be displayed in html. — Kiran, Mar 22 '17 at 19:33
And you don't have any `form`-element somewhere on that page, that is a parent of `button`? — insertusernamehere, Mar 22 '17 at 19:34

score 1 · Answer 1 · answered Mar 22 '17 at 19:15

1

<?php 
echo"<div class='col-md-3'>";
echo"<p><button id='remove'>remove</button></p>";
?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<script>
$(document).ready(function(){
$("#remove").click(function(){
    //$.post('store_items.php?del',function(data){
        alert("test");

});
});
</script>

answered Mar 22 '17 at 19:15

clearshot66

2,292
1
8
17

i have included that library as well. – Kiran Mar 22 '17 at 19:18
You still need the script tags around the jquery code – clearshot66 Mar 22 '17 at 19:19
While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – Jay Blanchard Mar 30 '17 at 20:05

score 0 · Answer 2 · answered Mar 22 '17 at 19:15

0

You need to add script tags around the javascript code.

  <script type="javascript">
  $(document).ready(function(){
  $("#remove").click(function(){

    alert("test");

});
});
</script>

Also what type of file are you serving? is it a PHP file?

answered Mar 22 '17 at 19:15

HCR

1
1

Welcome to SO. any clarification about the question should be asked in the comments section. Please see [this](http://meta.stackexchange.com/a/163589/338114) to understand when to post an answer and when to post a comment. – Sourav Ghosh Mar 22 '17 at 19:21

score 0 · Answer 3 · answered Mar 22 '17 at 19:35

I just think you have to put things in the correct orders and in the right place. Try to reorganize your code as follow :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#remove").click(function(){
    //$.post('store_items.php?del',function(data){
        alert("test");

});
});
</script>
</head>
<body>

<?php 
echo "<div class='col-md-3'>";
echo "<p><button id='remove'>remove</button></p>";
echo "</div>";
?>

</body>
</html>

PS: I tried it and it work fine ;-)

Hope be helpfull good luck for the next

Button doesn't work in php

3 Answers3