pass a javascript variable within a html page into a html form (on the same page) for submission to perl cgi

Question

<script type="text/javascript">
var id = getValue("ID");
document.write(id);
</script>    

<form action="cgi-bin/runalg.cgi" method="post" enctype="multipart/form-data">
<input type="radio" name="genome" value="E.Coli"> <i>E.Coli</i> <input type="radio" name="genome" value="Human"> Human<br> 
<input type="submit" name="submit" value="Submit"/>
<input type="reset" name="reset" value="Clear"/>
</form>

</body>

How do I get the value of the JavaScript variable (var id) into the form so that on submission I can retrieve it in the runalg.cgi using the $q<-param("ID") command?

; </script> <form action="cgi-bin/runalg.cgi" method="post" enctype="multipart/form-data"> <input type="radio" name="genome" value="E.Coli"> <i>E.Coli</i> <input type="radio" name="genome" value="Human"> Human<br> <input type="submit" name="submit" value="Submit"/> <input type="reset" name="reset" value="Clear"/> </form> </body> HOW DO I GET THE VALUE OF THE JAVASCRIPT VARIABLE (var id) INTO THE FORM SO THAT ON SUBMISSION I CAN RETRIEVE IT IN THE runalg.cgi USING THE $q<-param("ID") command? — user2531749
– user2531749, Commented Jun 28, 2013 at 12:21
Welcome to Stackoverflow. Please edit this into your question and please don't use capslock. It feels as if you shout at the reader... — Demnogonis
– Demnogonis, Commented Jun 28, 2013 at 12:26

vladkras · Accepted Answer · 2013-06-28 12:35:28Z

6

you can write it directly:

<script type="text/javascript">
document.write('<input type="hidden" name="ID" value="'+id+'"/>');
</script>

answered Jun 28, 2013 at 12:35

vladkras

17.2k4 gold badges50 silver badges55 bronze badges

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

3 Comments

Trylks Over a year ago

That input is not within the form.

vladkras Over a year ago

yeah, how did you find this out? he didn't tell us where is the <script> section

vladkras Over a year ago

document.getElementById("input_id").value = id will also work

Trylks · Accepted Answer · 2013-06-28 12:51:41Z

2

Add a hidden field. Set the value in that field to the value of the variable in Javascript.

<form action="cgi-bin/runalg.cgi" method="post" enctype="multipart/form-data">
[...]
<input type="hidden" name="ID" value="default">
</form>

And then on javascript:

<script type="text/javascript">
document.forms[0].elements["ID"].value = getValue("ID");
</script>

The index for the form may vary in your document.

edited Jun 28, 2013 at 12:51

answered Jun 28, 2013 at 12:31

Trylks

1,5082 gold badges19 silver badges35 bronze badges

5 Comments

vladkras Over a year ago

if you need "a few minutes to add the code." - change you job

vladkras Over a year ago

you are welcome, also I have to note that forms[0] points on the first form on the page only, what if he has it under "login", "search" and "subscribe" form?

user2531749 Over a year ago

I will try this as well and see if it works same as that provided by vladkras below, Thanks!

Trylks Over a year ago

@vladkras Why would you have to note something that I did already note?

vladkras Over a year ago

@Trylks, sorry, I didn't notice it, but I can show you the better way

Collectives™ on Stack Overflow

pass a javascript variable within a html page into a html form (on the same page) for submission to perl cgi

2 Answers 2

3 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related