how to send javascript dynamic data to php variable without ajax

Question

I have a form, with the 3 input type text.

<input type="text" id="one" onkeyup="multiply()" name="one">
<input type="text" id="two" name="two">
<input type="text" id="three" name="three">

<script>
function multiply(){
    one = document.getElementById('one').value;
    two = document.getElementById('two').value;
    document.getElementById('three').value = one * two
}
</script>

now i don't have value in three, but it is a dynamic one, when i submit forum to (forumSubmit.php)then i get error of

undefiend index three

I searched & found this can be done with ajax, but i don't want to use ajax, i want to make a page refresh

If you set the value-attribute of that element through JavaScript prior to posting the form, the value will be passed along as the form is submitted. — Christofer Eliasson
– Christofer Eliasson, Commented Sep 9, 2012 at 13:10
please review your code, a lot of stuff doesn't work like this — dbf
– dbf, Commented Sep 9, 2012 at 13:10
what do you mean by setting the dynamic value of javascript ? — Muhammad Arslan Jamshaid
– Muhammad Arslan Jamshaid, Commented Sep 9, 2012 at 13:11
If you want data to be processed by server, use a plain form and don't mess with js - as simple! — moonwave99
– moonwave99, Commented Sep 9, 2012 at 13:19

Christofer Eliasson · Accepted Answer · 2012-09-09 13:17:09Z

You could do something like this instead:

Markup

<!-- Use onkeyup on both inputs -->
<input type="text" id="one" onkeyup="multiply()" name="one">
<input type="text" id="two" onkeyup="multiply()" name="two">
<input type="text" id="three" name="three">

JavaScript

function multiply() {
   // Parse the values, and count it as 0 if the input is not a number
   // I also made the variables private to this function using the var keyword
   // There is no need to have them in the global namespace
   var one = parseInt(document.getElementById('one').value, 10) || 0;  
   var two = parseInt(document.getElementById('two').value, 10) || 0;
   document.getElementById('three').value= one * two;
}

Working example

Put together a demo: http://jsfiddle.net/DjQNx/

rationalboss · Accepted Answer · 2012-09-09 13:16:57Z

0

<input type="text" id="one" onkeyup="multiply()" name="one" />
<input type="text" id="two" onkeyup="multiply()" name="two" />
<input type="text" id="three" name="three" />

<script type="text/javascript">
function multiply() {
    one = document.getElementById('one').value;
    two = document.getElementById('two').value;
    document.getElementById('three').value = one * two;
}
</script>

answered Sep 9, 2012 at 13:16

rationalboss

5,3973 gold badges32 silver badges50 bronze badges

Collectives™ on Stack Overflow

how to send javascript dynamic data to php variable without ajax

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related