set variable from text entered in a text box

Report · Sep 02, 2015

Hi. I have 2 text boxes in a form the user can type numbers into. I just want to add the numbers they type in together and output the answer. I'm starting off simple and will get more complicated with my calculations later. I actually have the calculations working if they are entered into a database, but we need this to work on the fly depending on what the user typed into the text boxes.

I am only able to set the text box values and output them, but I cannot get them to add together. I have some javascript that outputs what was typed into the boxes by using CFSet. Is this the way I should write this? Is there a way to condense the javascript, or do I need to separate each set of text box code out? Is there a different way to do this simple calculation with just Cold Fusion, or do I need the javascript to grab the numbers that are entered into the text boxes? Here's the code I have below. If you remove the CFset price and the output of Price, you'll see that this code outputs the X and Y text boxes. Thanks for your help.

var pageSubmit = '#jsStringFormat(url.X)#';

function appenX(){

document.getElementById('submitLink').href = '?X=' +

encodeURIComponent(

(pageSubmit.length?pageSubmit + ', ':'') +

document.getElementById('X').value);

}

var pageSubmit = '#jsStringFormat(url.Y)#';

function appenY(){

document.getElementById('submitLink').href = '?Y=' +

encodeURIComponent(

(pageSubmit.length?pageSubmit + ', ':'') +

document.getElementById('Y').value);

}

</script>

</cfform>

#X#<br />

#Y#

#Price#

</cfoutput>

Andy

Report · Sep 03, 2015

Mixing Javascript with Coldfusion is unnecessarily complex. If all you need is to add the value of two form fields, then just Google javascript add form fields and you will get plenty of suggestions.

For example, http://stackoverflow.com/questions/5074073/how-can-i-add-form-values-using-javascript

<head>

function startCalc(){

interval = setInterval("calc()",1);

}

function calc(){

one = document.form1.quantity.value;

two = document.form1.price.value;

c = parseFloat(one) + parseFloat(two)

document.form1.total.value = (c);

}

function stopCalc(){

clearInterval(interval);

}

</script>

</head>

<body>

X: <input name="x" id="quantity" ><br>

Y: <input name="y" id="price"><br>

Total: <input name="total" readonly=true><br>

</form>

</body>

Report · Sep 03, 2015

BKBK,

Yes, this does work! Thank you. I was able to figure out a way to get this to work using just Cold Fusion also like this below. I just tested with a different calculation. I was just having problems with getting the text I was typing into the boxes to be used in my calculations. Thanks for your help!

</cfif>

</cfif>

</cfif>

<tr>

</tr>

<tr>

<td align=right>Shin-Etsu Part Number:</td>

<option selected value="">Part Number</option>

</select>

</cfif>

</td>

</tr>

<tr>

<td>

</cfif>

</td>

</tr>

<tr>

<td>

</cfif>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</form>

<tr>

<td>#Price#</td>

</tr>

</cfif>

</CFOUTPUT>

Andy

Adobe Community

set variable from text entered in a text box

1 Correct answer