Dynamic form question ?

[developer11]

Hello!

I do have this dynamic order form which works fine.

How do I please make so I can have some text before the prices in the menus please?

<form>
<select name="a" onchange="this.form.summa.value=parseFloat(this[this.selectedIndex].text)+parseFloat(this.form.b[this.form.b.selectedIndex].text)">
	<option>79</option><option>79</option><option>99</option><option>109</option><option>139</option>
</select>
<select name="b" onchange="this.form.summa.value=parseFloat(this[this.selectedIndex].text)+parseFloat(this.form.a[this.form.a.selectedIndex].text)">
	<option>0</option><option>80</option><option>160</option><option>300</option><option>500</option>
</select>
<input type="text" name="summa" value="">
</form>

[Vincent Puglia]

Hi,

the easiest method (while keeping your code intact) would be to put the option's text within the value

<select name="a" onchange="this.form.summa.value=parseFloat(this[this.selectedIndex].value)+parseFloat(this.form.b[this.form.b.selectedIndex].value)"> <option value='79'>Some text</option>

Vinny

[developer11]

Hi!

I did try that now, but that always gives the total price "NaN". Thanks anyway.

all code now:

<form>

<select name="a" onchange="this.form.summa.value=parseFloat(this[this.selectedIndex].value)+parseFloat(this.form.b[this.form.b.selectedIndex].value)">

<option value='79'>Some text</option> 

<option>99</option><option>109</option><option>139</option> </select>

 <select name="b" onchange="this.form.summa.value=parseFloat(this[this.selectedIndex].text)+parseFloat(this.form.a[this.form.a.selectedIndex].text)"> <option>0</option><option>80</option><option>160</option><option>300</option><option>500</option>
</select> <input type="text" name="summa" value="">
</form>

[Vincent Puglia]

Hi,

You getting 'NAN' because you didn't change all of the options. Also, you will be unable to get the 1st calculation without selecting and reselecting because of the onchange handler.

Why aren't you using a function? Something like:

function doit(formObj, selA, selB)
{
formObj.summa.value = parseFloat(selA.options[selA.selectedIndex].value)
+ parseFloat(selB.options[selB.selectedIndex].value)
}

The example code below demonstrates the different ways you can call the above function. Note: if you cut & paste this, do not use all of the methods.

<form>
<select name="a" onchange="doit(this.form,this.form.a,this.form.b)">
<option value='0'>a</option>
<option value='80'>b</option>
</select>
<select name="b" onchange="doit(this.form,this.form.a,this.form.b)">
<option value='10'>c</option>
<option value='180'>d</option>
</select>
<input type="text" name="summa" onfocus="doit(this.form,this.form.a,this.form.b)">
<input type="button" value='do it' onclick="doit(this.form,this.form.a,this.form.b)">
</form>

Vinny

[developer11]

Thanks a lot for the help.

[Vincent Puglia]

no prob
Vinny