Tengo este código de jquery en el cual asigno los valores obtenidos en los txtVlr y txtCantidad a unas variables, para luego multilicarlos y el resultado ponerlo en el txtSubtotal justo cuando haya un cambio en el txtCantidad, pero al ejecutarlo las variables no obtienen el valor y finalmente no hay resultado. El valor de txtVlr es obtenido al seleccionar un id en el txtidarticulo (No se si tenga algo que ver). el valor de txtCantidad es digitado por el usuario.
<head>
<script>
$(document).ready(function(){
var $Valor = $("#txtVlr").val();
var $Cantidad = $("#txtCantidad").val();
$("#txtCantidad").change(function(){
$Subtotal = parseInt($Valor)*parseInt($Cantidad);
alert ($Valor);
alert ($Cantidad);
$("#txtSubtotal").val($Subtotal);
alert ($Subtotal);
});
});
</script>
</head>
<body>
<form>
<div class="Container">
<div class="margen">
<div class="col-xs-2">
<label for="ex1">ID del Articulo</label>
<!-- DEBE TENER UN DDL PARA LA BASE DE DATOS-->
<?php
$CON = mysqli_connect("localhost","root","","BDfactura") or die ("error");
$query="Select * From Articulo";
$sql = mysqli_query($CON, $query);
?>
<input class="form-control" id="txtidArticulo" type="text" list="Articulos">
<datalist id="Articulos">
<?php
while ($row = mysqli_fetch_array($sql)) {
?>
<option value="<?php echo $row['IdArticulo']; ?>"></option><?php } ?>
</datalist>
<?php mysqli_close($CON); ?>
</div>
<div class="col-xs-2">
<label for="ex1">Descripcion</label>
<!-- DEBE TENER UN DDL PARA LA BASE DE DATOS-->
<input class="form-control" id="txtDescripcion" type="text">
</div>
<div class="col-xs-2">
<label for="ex1">Valor Venta</label>
<!-- DEBE TENER UN DDL PARA LA BASE DE DATOS-->
<input class="form-control" id="txtVlr" type="text">
</div>
<div class="col-xs-2">
<label for="ex1">Cantidad</label>
<!-- DEBE TENER UN DDL PARA LA BASE DE DATOS-->
<input class="form-control" id="txtCantidad" type="text">
</div>
<div class="col-xs-2">
<label for="ex1">Subtotal</label>
<!-- DEBE TENER UN DDL PARA LA BASE DE DATOS-->
<input class="form-control" id="txtSubtotal" type="text">
</div>
<div class="col-xs-2">
<button class="btn btn-default" type="submit" id="btnlistar">+</button>
</div>
</div>
</div>
</form>
</body>