Skip to main content
se eliminaron 537 caracteres en el cuerpo
Origen Enlace
$("#obtenerValor""#customer").clickchange(function(){
  valor = $("#monto").val()
  cliente = $("#customer"this).val()
  
  switch (cliente) {
  case "General":
    console.log("general")
    $("#pasaje1").val("450")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Adulto Mayor":
    console.log("Adulto Mayor")
    $("#pasaje1").val("200")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Discapacitado":
    console.log("Discapacitado")
    $("#pasaje1").val("100")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Estudiante":
    console.log("Estudiante")
    $("#pasaje1").val("150")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Convenios":
    console.log("Convenios")
    $("#pasaje1").val("50")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  default:
    
}
  
})

function ValidarCobroUsuario() 
{

var TipoCliente = document.getElementById('customer').value;

if (TipoCliente == 'General') 
{

    document.getElementById('pasaje1').value = '$450';

    var ExtraerMonto = document.getElementById('monto').value;

    var AplicarDescuento = ExtraerMonto - 450;


    document.getElementById('Tlt_Saldo').value = AplicarDescuento;  

    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number"  name="saldo" 
maxlength="8" placeholder="Ejemplo: 20000" id="monto"/> 
<select name="customer" id="customer">

<option>Seleccionar</option>
<option id="op1" value="General">General</option>
<option id="op2" value="Adulto Mayor">Adulto Mayor</option>
<option id="op3" value="Discapacitado">Discapacitado</option>
<option id="op4" value="Estudiante">Estudiante</option>
<option id="op5" value="Convenios">Convenios</option>

</select>
<button id="obtenerValor" type="button" name="button">Obtener valor</button>
<br/>
<br/>
<br/>
<label>VALOR PASAJE:</label>
<br/>
<input type="text" id="pasaje1" readonly=""/>
<br/>
<label>MONTO FINAL</label>
<br/>
<input type="text" name="Tlt_Saldo" readonly="" id="Tlt_Saldo">
$("#obtenerValor").click(function(){
  valor = $("#monto").val()
  cliente = $("#customer").val()
  
  switch (cliente) {
  case "General":
    console.log("general")
    $("#pasaje1").val("450")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Adulto Mayor":
    console.log("Adulto Mayor")
    $("#pasaje1").val("200")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Discapacitado":
    console.log("Discapacitado")
    $("#pasaje1").val("100")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Estudiante":
    console.log("Estudiante")
    $("#pasaje1").val("150")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Convenios":
    console.log("Convenios")
    $("#pasaje1").val("50")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  default:
    
}
  
})

function ValidarCobroUsuario() 
{

var TipoCliente = document.getElementById('customer').value;

if (TipoCliente == 'General') 
{

    document.getElementById('pasaje1').value = '$450';

    var ExtraerMonto = document.getElementById('monto').value;

    var AplicarDescuento = ExtraerMonto - 450;


    document.getElementById('Tlt_Saldo').value = AplicarDescuento;  

    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number"  name="saldo" 
maxlength="8" placeholder="Ejemplo: 20000" id="monto"/> 
<select name="customer" id="customer">

<option>Seleccionar</option>
<option id="op1" value="General">General</option>
<option id="op2" value="Adulto Mayor">Adulto Mayor</option>
<option id="op3" value="Discapacitado">Discapacitado</option>
<option id="op4" value="Estudiante">Estudiante</option>
<option id="op5" value="Convenios">Convenios</option>

</select>
<button id="obtenerValor" type="button" name="button">Obtener valor</button>
<br/>
<br/>
<br/>
<label>VALOR PASAJE:</label>
<br/>
<input type="text" id="pasaje1" readonly=""/>
<br/>
<label>MONTO FINAL</label>
<br/>
<input type="text" name="Tlt_Saldo" readonly="" id="Tlt_Saldo">
$("#customer").change(function(){
  valor = $("#monto").val()
  cliente = $(this).val()
  
  switch (cliente) {
  case "General":
    console.log("general")
    $("#pasaje1").val("450")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Adulto Mayor":
    console.log("Adulto Mayor")
    $("#pasaje1").val("200")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Discapacitado":
    console.log("Discapacitado")
    $("#pasaje1").val("100")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Estudiante":
    console.log("Estudiante")
    $("#pasaje1").val("150")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Convenios":
    console.log("Convenios")
    $("#pasaje1").val("50")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  default:
    
}
  
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number"  name="saldo" 
maxlength="8" placeholder="Ejemplo: 20000" id="monto"/> 
<select name="customer" id="customer">

<option>Seleccionar</option>
<option id="op1" value="General">General</option>
<option id="op2" value="Adulto Mayor">Adulto Mayor</option>
<option id="op3" value="Discapacitado">Discapacitado</option>
<option id="op4" value="Estudiante">Estudiante</option>
<option id="op5" value="Convenios">Convenios</option>

</select>

<br/>
<br/>
<br/>
<label>VALOR PASAJE:</label>
<br/>
<input type="text" id="pasaje1" readonly=""/>
<br/>
<label>MONTO FINAL</label>
<br/>
<input type="text" name="Tlt_Saldo" readonly="" id="Tlt_Saldo">
Origen Enlace

Buenas amigo espero esto sea lo que necesitas

La idea es obtener el valor que el cliente agrega en el input y el que selecciona en el select y hacer un switch con cada una de las opciones y poner el valor del pasaje en el input #pasaje1 y al input total la resta de lo que agrego el usuario menos lo que vale el pasaje.

NOTA: Para el ejemplo se uso unos valores al azar y la librería de javascript jquery.

Ejemplo funcional

$("#obtenerValor").click(function(){
  valor = $("#monto").val()
  cliente = $("#customer").val()
  
  switch (cliente) {
  case "General":
    console.log("general")
    $("#pasaje1").val("450")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Adulto Mayor":
    console.log("Adulto Mayor")
    $("#pasaje1").val("200")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Discapacitado":
    console.log("Discapacitado")
    $("#pasaje1").val("100")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Estudiante":
    console.log("Estudiante")
    $("#pasaje1").val("150")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  case "Convenios":
    console.log("Convenios")
    $("#pasaje1").val("50")
    $("#Tlt_Saldo").val(valor - $("#pasaje1").val())
    break;
  default:
    
}
  
})

function ValidarCobroUsuario() 
{

var TipoCliente = document.getElementById('customer').value;

if (TipoCliente == 'General') 
{

    document.getElementById('pasaje1').value = '$450';

    var ExtraerMonto = document.getElementById('monto').value;

    var AplicarDescuento = ExtraerMonto - 450;


    document.getElementById('Tlt_Saldo').value = AplicarDescuento;  

    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number"  name="saldo" 
maxlength="8" placeholder="Ejemplo: 20000" id="monto"/> 
<select name="customer" id="customer">

<option>Seleccionar</option>
<option id="op1" value="General">General</option>
<option id="op2" value="Adulto Mayor">Adulto Mayor</option>
<option id="op3" value="Discapacitado">Discapacitado</option>
<option id="op4" value="Estudiante">Estudiante</option>
<option id="op5" value="Convenios">Convenios</option>

</select>
<button id="obtenerValor" type="button" name="button">Obtener valor</button>
<br/>
<br/>
<br/>
<label>VALOR PASAJE:</label>
<br/>
<input type="text" id="pasaje1" readonly=""/>
<br/>
<label>MONTO FINAL</label>
<br/>
<input type="text" name="Tlt_Saldo" readonly="" id="Tlt_Saldo">