Passing javascript variable into html form

Question

My goal is to delete item from db using html. Below is my code and wanted to know if I can pass the JS function or variable directly into html submit form?

<script>
function getstring() {
    document.getElementById("xyz");
}            
</script>

html

<form action="delete.php" method="post">

        <input type="submit" name="Test" value="getquery()"/>

 </form>

my question maybe confusing, but all I want to do is call the JS function or variable when clicking submit.

and what should your function do exactly? Whatever you do with JS it has nothing to do with deleting an item from your DB... at least not the way you portraited your problem - and with the provided code. — Roko C. Buljan
– Roko C. Buljan, Commented Feb 6, 2018 at 23:38
@ Roko C. Buljan Sorry haven't listed the entire code, anyways it's basically getting string which I want to pass. To make it more simple I just want to get the value from document.getElementById("xyz"); and pass it into submit button. — Samkeith
– Samkeith, Commented Feb 6, 2018 at 23:44
Possible duplicate of How to simply post javascript data to PHP with HTML form — Derek Brown
– Derek Brown, Commented Feb 6, 2018 at 23:46

Roko C. Buljan · Accepted Answer · 2018-02-07 00:03:48Z

1

My goal is to delete item from db using html

You don't need JS...

<form action="delete.php?id=33">
    <button>DELETE ITEM 33</button>
</form>

and in your PHP API for your delete.php you just need to

$id = $_GET["id"];  // "33"
// delete item ID $id in your database

Don't forget to make sure a GET SERVER REQUEST was received, $_GET["id"] is isset() and by always sanitizing your values.

edited Feb 7, 2018 at 0:03

answered Feb 6, 2018 at 23:50

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

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

1 Comment

Samkeith Over a year ago

Thank you but it erros ' Undefined index: data in delete.php". Trying to explain my situation here again: "document.getElementById("xyz").innerHTML=(rows from table)" is fetching data from table. So if I do it outside of script tag like <pre id="xyz"></pre> it will show me string on my html page of selected row. Now I am trying to use that string to create my delete query and wanted to pass it to delete.php So again using a form submit button I want to submit request which takes value from id="xyz" and pass it on delete.php. Please let me know if you have any solution.

Collectives™ on Stack Overflow

Passing javascript variable into html form

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related