0

Estoy tratando de asignar los valores de varios inputs pero siempre se queda asignado los del último valor, vale destacar que este procedimiento lo estoy haciendo dinámico para luego pasarlo por JSON.

Por ejemplo este es mi html:

<input type="text" name="Examen" value="Examen" />
<input type="text" name="TipoExamen" value="TipoExamen" />
<input type="text" name="FechaExamen" value="FechaExamen" />
<input type="text" name="Tema" value="1" />
<input type="text" name="TipoTema" value="2" />
<input type="text" name="IDTema" value="3" />
<input type="text" name="Pregunta" value="4" />
<input type="text" name="TipoPregunta" value="5" />
<input type="text" name="Tema" value="Tema2" />
<input type="text" name="TipoTema" value="TipoTema2" />
<input type="text" name="IDTema" value="IDTema2" />
<input type="text" name="Pregunta" value="Pregunta2" />
<input type="text" name="TipoPregunta" value="TipoPregunta2" />

Quiero que cuando detecte que el valor cambio no lo sobreescriba si no que lo agregue para así tener ambos datos

El valor de cada input lo obtengo con el siguiente código

var items = $("form :input").map(function (index, elm) {
    return { value: $(elm).val(), name: elm.name };
});

Cuando aplico console.log(items) me trae los siguientes valores

introducir la descripción de la imagen aquí

Hasta aqui todo marcha bien pero, el siguiente es donde se me esta presentando el problema con la sobre escritura

var cart = [];
var element = {};
for (var index = 0; index < items.length; index++) {
    if (items[index].value != "") {
        switch(items[index].name) {
            case "Examen":
                    element.Examen = items[index].value;
                break;
            case "TipoExamen":
                element.TipoExamen = items[index].value;
                break;
            case "FechaExamen":
                element.FechaExamen = items[index].value;
                break;
            case "Tema":
                element.Tema = items[index].value;
                break;
            case "TipoTema":
                    element.TipoTema = items[index].value;
                break;
            case "IDTema":
                element.IDTema = items[index].value;
                break;
            case "Pregunta":
                element.Pregunta = items[index].value;
                break;
            case "TipoPregunta":
                element.TipoPregunta = items[index].value;
                break;
        }
        cart.push(element);
    }
}

Con este código lo trato de convertir como un objeto para luego pasarlo por JSON pero aquí es donde me sobrescribe todos los valores. Así es como me los muestra introducir la descripción de la imagen aquí

7
  • Puedes poner tu código en jsbidn o jsfiddle para poder ayudarte.
    – Raul
    Commented el 19 ago. 2017 a las 16:43
  • Viendo las imágenes no entiendo donde esté el problema, ¿El primer pantallazo imprime items y el segundo imprime element? ¿Si es así dónde está el problema?
    – Yikarus
    Commented el 19 ago. 2017 a las 16:52
  • En la función de mapeo de JavaScript los argumentos son los siguientes (valorActual,index,array) y NO (index,valorActual);
    – lromeraj
    Commented el 19 ago. 2017 a las 16:53
  • jsfiddle.net/vilfrack/nLe20onn/3 aqui les dejo el jsfiddle
    – juan villa
    Commented el 19 ago. 2017 a las 17:11
  • @juanvilla Tienes los datos de name y value; y aparte deseas obtener otro? o en todo caso deja un ejemplo de como deseas obtenerlo. gracias.
    – Raul
    Commented el 19 ago. 2017 a las 19:47

1 respuesta 1

0

Buenas muchachos ya logre hacerlo copio el codigo El html `

<input type="text" name="Examen" value="Examen" />
<input type="text" name="TipoExamen" value="TipoExamen" />
<input type="text" name="FechaExamen" value="FechaExamen" />

<input type="text" name="Tema" value="1" />
<input type="text" name="TipoTema" value="2" />
<input type="text" name="IDTema" value="3" />
<input type="text" name="Pregunta" value="4" />
<input type="text" name="TipoPregunta" value="5" />



<input type="text" name="Tema" value="Tema2" />
<input type="text" name="TipoTema" value="TipoTema2" />
<input type="text" name="IDTema" value="IDTema2" />
<input type="text" name="Pregunta" value="Pregunta2" />
<input type="text" name="TipoPregunta" value="TipoPregunta2" />

<input type="text" name="Tema" value="TemaLOL" />
<input type="text" name="TipoTema" value="TipoTemaLOL" />
<input type="text" name="IDTema" value="IDTemaLOL" />
<input type="text" name="Pregunta" value="PreguntaLOL" />
<input type="text" name="TipoPregunta" value="TipoPreguntaLOL" />

<button id="bnt" type="button">boton</button>

Y el js

  function Examenes(Examen, TipoExamen, FechaExamen, Tema, TipoTema, IDTema, Pregunta, TipoPregunta) {
        this.Examen = Examen;
        this.TipoExamen = TipoExamen;
        this.FechaExamen = FechaExamen;
        this.Tema = Tema;
        this.TipoTema = TipoTema;
        this.IDTema = IDTema;
        this.Pregunta = Pregunta;
        this.TipoPregunta = TipoPregunta;
    }
    $('#bnt').click(function () {
        var items = $("form :input").map(function (index, elm) {

            return { value: $(elm).val(), name: elm.name };
        });
        var examenArreglo=[];
        var Examen, TipoExamen, FechaExamen, Tema, TipoTema, IDTema, Pregunta, TipoPregunta;

        $(items).each(function (index, value) {
            switch (value.name) {
                case "Examen":
                    Examen = value.value;
                    break;
                case "TipoExamen":
                    TipoExamen = value.value;
                    break;
                case "FechaExamen":
                    FechaExamen = value.value;
                    break;
                case "Tema":
                    Tema = value.value;
                    break;
                case "TipoTema":
                    TipoTema = value.value;
                    break;
                case "IDTema":
                    IDTema = value.value;
                    break;
                case "Pregunta":
                    Pregunta = value.value;
                    break;
                case "TipoPregunta":
                    TipoPregunta = value.value;
                    break;
            }

            if (Examen != undefined && TipoExamen != undefined && FechaExamen != undefined && Tema != undefined && TipoTema != undefined && IDTema != undefined && Pregunta != undefined && TipoPregunta != undefined) {
                var examen = new Examenes(Examen, TipoExamen, FechaExamen, Tema, TipoTema, IDTema, Pregunta, TipoPregunta);//para llamar al objeto
                examenArreglo.push(examen);
                Tema = undefined; TipoTema = undefined; IDTema = undefined; Pregunta = undefined; TipoPregunta = undefined;

            }
        });


        examenArreglo = JSON.stringify({ 'pregunta': examenArreglo });


        $.ajax({
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            type: 'POST',
            url: '/Default/Create',
            data: examenArreglo,
            success: function () {
                $('#result').html('"PassThings()" successfully called.');
            },
            failure: function (response) {
                $('#result').html(response);
            }
        });
    });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.