change content of div when the value input field is changed

[mfaisalwarraich]

Hi everybody,

I have some problem so need some help. wat im trying to do is making a function which will change the value of a input field when the value of other input field is changed. im using onchage event which triggers when i left the input field which is ok.

im using PHP to get the values into the input fields:

<?php 
 if($_POST['cbl']<>""){
extract($_POST);              
foreach($_POST['cbl'] as $k => $c){
$k=str_replace("'","",$k);
$k=str_replace("\\","",$k);
$sql = "SELECT * FROM ".$GLOBALS['pre_tbl']."sometable WHERE id=".$k;
$getAuto = mysql_query($sql); 
$getAutoResultView = mysql_fetch_array($getAuto);
$membal = soemfunction($getAutoResultView['id']);
mysql_query($sql) OR die ("The query:<br>" . $sql . "<br>Caused the following error:<br>" . mysql_error());
            ?>
          <tr class="BalanceCells" onmouseover="style.backgroundColor='#f7f7f7';" onmouseout="style.backgroundColor='#dfdfdf';">
            <td class="BalanceCells">
            <input type="hidden" name="autoview['<?php echo $getAutoResultView['id']; ?>']" value="<?php echo $getAutoResultView['id']; ?>"  id="autoview">
           <?= $getAutoResultView['id'] ?></td>
            <td class="BalanceCells"><?= $getAutoResultView['name'] ?></td>
            <td class="BalanceCells">
             <?= $getAutoResultView['ba'] ?></td>
            <td class="BalanceCells"><?= $getAutoResultView['no'] ?></td>
            <td class="BalanceCells"><?= $CurrencySymbol.number_format($getAutoResultView['dwee'],2) ?></td>
            <div id="bal-<?= $getAutoResultView['id']; ?>"><?= $membal['dwl'] ?></div>
            <td class="BalanceCells"><input name="ded<?= $getAutoResultView['id']; ?>" type="text" value="<?= number_format($membal['we'],2) ?>" id="mytext-<?= echo $getAutoResultView['id']; ?>" onchange="checkChange(<?= echo $getAutoResultView['id']; ?>, this.value)" /></td>
          </tr>
 
          <?php 
          } 
          }?>
 

im trying to make function when i change the value of input field name ded then checkChange function will be called and it will change the value inside div anmed bal-some id(which will be generated dynamically through php). im not very much expert with the javascript but i made some function which is not giving me the value which falls inside the div. and can i use document.getElementById('name'+id).value?? or something else. im using the following code:

 
function checkChange(id,value){
var a = document.getElementById('bal'+id);
alert(a);
}
 
 

Please ignore any php error cuz its working fine with me.
now this funciton says a is null. please help me. thanx

[RamananKalirajan]

Hi,
Please check this line.

<div id="bal-<?= $getAutoResultView['id']; ?>">

there is a '-' after the string 'bal'

Thanks and Regards
Ramanan Kalirajan

[mfaisalwarraich]

thanx for ur quick reply. but it has now something [object HTMLDivElement] means its working. but the problem is same as im not able to get the content of the div.

[Dormilich]

document.getElementById() returns a reference to the DOM-Element. getting the content actually depends on what’s inside the div. you can use .textContent (all the text in the div), .innerHTML (the HTML code in the div), .firstChild.data (text of the first node (… if it’s a text node)), etc.

[mfaisalwarraich]

thanx dormilich for your help.