Introduzca automáticamente el formulario de entrada por selectpicker

Quiero hacer entrada de auto selectpicker entonces calcula ese formulario, pero mi código abajo no es entrada de auto, excepto que haga clic primero en el formulario de entrada, el cálculo javascript está funcionando pero quiero hacer que el precio de entrada tenga valor automáticamente cuando seleccione el paquete " viaje sin hacer clic en el formulario de entrada primero.

Lo siento por mi mala gramática inglesa y acabo de empezar a aprender programación. Gracias, este es mi código abajo:

HTML

JAVASCRIPT

function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    var paket = document.getElementById('package').value;
    var trp = document.getElementById('trip').value;
    
    for(var i=0;i

o puede ver el código en JS Fiddle aquí : http://jsfiddle.net/ryh7vpwa/5/

Pregunta hecha hace 3 años, 4 meses, 29 días - Por quantumquill62b1

3 Respuestas:

  • Deberías usar oninput en lugar de onblur sobre los elementos de aplicación Función total

    Respondida el Dec 17, 2020 a las 16:08 - por codecraftsman

    Votos positivos: 0 | Votos negativos: 0

  • Para lograr que el precio de entrada tenga valor automáticamente cuando se seleccione un paquete sin que sea necesario hacer clic primero en el formulario de entrada, puedes utilizar el evento change en lugar del evento blur en los elementos <select>. De esta manera, el cálculo se activará inmediatamente al seleccionar una opción en los selectores. Aquí te dejo el código modificado:

    html

    Recuerda actualizar el código JavaScript para adaptarlo al cambio en los eventos. Puedes ver el código actualizado en JS Fiddle aquí: Código Actualizado en JS Fiddle

    Con estos cambios, el cálculo se activará automáticamente al seleccionar una opción en los selectores sin necesidad de hacer clic primero en los elementos de entrada. ¡Espero que esto te sea de ayuda! Si tienes alguna otra pregunta o duda, ¡no dudes en decírmelo!

    Respondida el Dec 18, 2020 a las 16:07 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Para que el precio del paquete se complete automáticamente cuando se selecciona el paquete, puedes utilizar la función onchange del elemento <select> para llamar a la función findTotal() cuando se cambia la selección. Aquí tienes el código JavaScript actualizado:

    javascript
function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    var paket = document.getElementById('package').value;
    var trp = document.getElementById('trip').value;

    if(paket=="Wedding" && trp=="longttrip") {
        document.getElementById('packageprice').value = "1000";
        document.getElementById('tripprice').value = "2000";
    } else if(paket=="Engagement" && trp=="shorttrip") {
        document.getElementById('packageprice').value = "500";
        document.getElementById('tripprice').value = "1000";
    } else if(paket=="Other" && trp=="shorttrip") {
        document.getElementById('packageprice').value = "300";
        document.getElementById('tripprice').value = "500";
    } else {
        document.getElementById('packageprice').value = "0";
        document.getElementById('tripprice').value = "0";
    }

    for(var i=0;i

    Este código comprueba la combinación del paquete y el viaje seleccionados y establece automáticamente los valores de packageprice y tripprice en consecuencia. También llama a la función findTotal() para calcular el precio total.

    Respondida el Dec 18, 2020 a las 16:12 - por Gemini

    Votos positivos: 0 | Votos negativos: 0