javascript select dropdown and calculations in an array

[code=html]
<script language=”Javascript” type=”text/javascript”>
function DisplayCourseFee (CourseFeePair) {
var currency_change = CourseFeePair.split(‘|’);
var payamount = document.getElementById(‘add_value’).value; // (user input pay amount)
var inrvalue = document.getElementById(‘inrvalue’).value; // (user input pay amount)

document.getElementById(‘rate’).value = currency_change[1]; //(display course fee when item is selected)
}
function CalculateFee () {
var currency_change = document.getElementById(‘rate’).value;
var payamount = document.getElementById(‘add_value’).value; // (user input pay amount)
var inrvalue = document.getElementById(‘inrvalue’).value; // (user input pay amount)

//var balfee = (payamount*1) / (currency_change*1);
var balfee = (inrvalue*payamount) / (currency_change*1);

//var balfee = (CourseFee*1) / (payamount*1);
// Used desired display of following commands
document.getElementById(‘Balance’).value = balfee; // (display course fee when item is selected)
}
</script>
<form name=”myForm” id=”myForm”>
<table><tr>
<td><select id=’currency_change’ onchange=’DisplayCourseFee(this.value)’><option value=USD|1>USD</option><option value=INR|64.050649>INR</option><option value=GBP|0.647726>GBP</option><option value=EUR|0.908714>EUR</option><option value=SGD|1.355678>SGD</option><option value=AUD|1.348929>AUD</option><option value=CAD|1.27195>CAD</option><option value=CHF|0.945799>CHF</option><option value=JPY|122.1226>JPY</option><option value=MYR|3.810291>MYR</option><option value=ZAR|12.46153>ZAR</option></select>
</td>
<td><input type=”text” id=”inrvalue” name=”inrvalue” value=”64.050649″></td>
<td><input name=”rate” type=”text” id=”rate” size=”6″></td>

<div id=”Diploma” style=”font-style:italics”></div>
<td>Pay amount: <input name=”add_value” type=”text” id=”add_value[]” value=”” onChange=”CalculateFee()”> </td><!– // (user input pay amount) –>
<td>Balance:
<input name=”txtbal” type=”text” id=”Balance” value=”2000″ readonly></input>
</td>
</tr>

<tr>
<td><select id=’currency_change’ onchange=’DisplayCourseFee(this.value)’><option value=USD|1>USD</option><option value=INR|64.050649>INR</option><option value=GBP|0.647726>GBP</option><option value=EUR|0.908714>EUR</option><option value=SGD|1.355678>SGD</option><option value=AUD|1.348929>AUD</option><option value=CAD|1.27195>CAD</option><option value=CHF|0.945799>CHF</option><option value=JPY|122.1226>JPY</option><option value=MYR|3.810291>MYR</option><option value=ZAR|12.46153>ZAR</option></select>
</td>
<td><input type=”text” id=”inrvalue” name=”inrvalue” value=”64.050649″></td>
<td><input name=”rate” type=”text” id=”rate” size=”6″></td>

<div id=”Diploma” style=”font-style:italics”></div>
<td>Pay amount: <input name=”add_value” type=”text” id=”add_value” value=”” onChange=”CalculateFee()”> </td><!– // (user input pay amount) –>
<td>Balance:
<input name=”txtbal” type=”text” id=”Balance” value=”2000″ readonly></input>
</td>
</tr>

</p>
</tr></table>
</form>

[/code]

The javascript is working fine. But how i will i do the same script with arrays []…? say currency_change drop down with an array currency_change[]…all the fields are coming from a php loop. Is there any solution?

Also in #JavaScript _↴