Problem in getting the TextBox object to Javascript....

Question

Hi All,
Below is the code which i'm using to calculate the percentage and amount(vice versa).
<script language="JavaScript" type="text/JavaScript">
function fillAmt(obj) {
alert(obj.name);
var mks_Val = document.billingCycleDistribution.mks0.value;
var obj_Name = obj.name;
var obj_Val = obj.value;
obj_Name = obj_Name.substr(7);
var disp_Amt = (mks_Val * obj_Val) / 100;
var txt = "amount"+obj_Name;
alert("TXT "+txt);
document.billingCycleDistribution.txt.value = disp_Amt;
//alert(obj_Name);
//alert(document.billingCycleDistribution.mks0.value);
//alert(document.billingCycleDistribution.mks1.value);
//document.billingCycleDistribution.mks0.value
</script>
<%
Calendar cal = Calendar.getInstance();
int max_Days = cal.getActualMaximum(Calendar.DAY_OF_MONTH);
for(int rowCount=1; rowCount <= max_Days; rowCount++)
{ %>
<tr>
                              <td width="57" height="27" align="center" class="ms-formlabel" style="border-style: solid; border-width: 1">
                              <p align="center"><input type="checkbox" name= "C1" value=<%=rowCount%>> <%=rowCount%></td>
                              <%
                              for(int txt_box = 0; txt_box < marketSegList.size(); txt_box++) {
                              %>
                                   <td width="153" height="27" align="center" style="border-style: solid; border-width: 1">
                              <div id= <%="percentdiv"+rowCount%> style="display:block"><p align="center">
                                   <input type="text" name=<%="percent"+rowCount+txt_box%> size="15" onblur="fillAmt(this)">
                                   </div>
                                   </td>
<td width="153" height="27" align="center" style="border-style: solid; border-width: 1">
                              <div id= <%="amountdiv"+rowCount%> style="display:block"><p align="center">
                                   <input type="text" name=<%="amount"+rowCount+txt_box%> size="15" onblur="fillPer(this)">
                                   </div>
                                   </td>
                              <%
                              %>
When i try to set the value in amount if a percentage is entered, it gives me an error.
The problem is since both the text fields are named dynamically @ runtime I'm unable to get them in the Javascript function.
Kindly help me out in this.
Thanks
ss

Answer 1

Hi Annie,
Thanks for your reply. I found a method which can be used to set the values.
It is eval(). Here is the code.
Working Code:
eval("document.billingCycleDistribution."+txt+".value = disp_Amt;");
Not Working Code:
document.billingCycleDistribution."+txt+".value = disp_Amt;
Cheers
Srini