Question

I am trying to generate some buttons to hide a text field on a form with php and javascript, but every time i press the button it just refreshes the page. I cant tell if its the buttons or the function that is having troubles but i am assuming the program is refreshing because it is erroring out.

php generated button

echo("<button id=\"button".$count."\" onclick=deleteAnswer(answer".$count."); return            false;>delete answer</button>");

javascript generated function

write.innerHTML = write.innerHTML + "<button id=\"button"+answers+"\" onclick=\"deleteAnswer(\"answer"+answers+"\")\"; return false;>delete answer</button>";

actual javascript function

<script type="text/javascript">
function deleteAnswer(button)
{
    document.getElementById(button).style.visibility="hidden";
}
</script>

Answer 1

you have Several Issues answer".$count." and "answer"+answers+"\" has to be wrapped in qoutes and

echo("<button id=\"button".$count."\" onclick=deleteAnswer('answer".$count."'); return            false;>delete answer</button>");


write.innerHTML = write.innerHTML + "<button id=\"button"+answers+"\" onclick=\"deleteAnswer(\"answer"+answers+"\"); return false;">delete answer</button>"

and

 document.getElementById(button).style.visibility="hidden";

has to be

 document.getElementById(button).style.display="hidden";

OR

 document.getElementById(button).style.visibility="visible";