Actualizar Variables sin Recargar

[chulifo]

Iniciado por KalSmith

Estimados, junto con saludar, quisiera consultar (quizás algo muy básico para ustedes) pero para mi que me estoy iniciando en javascript es que quiero hacer lo siguiente

Que al cambiar los números se imprima el valor de la operacion (multiplicar) pero sin tener que recargar la pagina

Tengo el siguiente código

Código HTML:

<form name="calc">
<input type="text" name="operando1" value="variable numerica">
<?php 
}
?>


<select name="operando2">
    <?php for($a=1;$a<=100;$a++){?>
	<option value="<?php echo $a ?>"><?php echo $a ?> </option>
	<?php
	}
	?>
</select>

</form>

<script>
var num1 = document.calc.operando1.value
var num2 = document.calc.operando2.value
document.write(num2);
document.write("<br>");
document.write(num1*num2);
</script>

La idea que cuando uno cambie el valor de select se imprima en algún lado de nun2 (resultado de select) y resultado de num1*num2 sin presionar o recargar la pagina.

Gracias por su ayuda que me ha servido bastante para aprende

Dentro de todo lo que entendi, creo que esto te sirve.

Código Javascript:

<form name="calc">
  <?php for($i=0;$i<count($var);$i++){ ?>
    <input type="text" name="operando1" value="variable numerica">
 
    <select name="operando1" onchange="alert((this.value*document.getElementById('operador2').value))" id="operador1">
      <option value="1">1 </option>
      <option value="2">2</option>
      <option value="4">4</option>
    </select>
      <select name="operando2" onchange="alert((this.value*document.getElementById('operador1').value))" id="operador2"> 
      <option value="1">1 </option>
      <option value="2">2</option>
      <option value="4">4</option>
    </select>
    <script>
    </script>
</form>