Contador en Jquery

[miguelalexep]

Buenas tardes. Mi duda es la siguiente, estoy usando jquery para obtener un valor de un campo y despues meter ese valor en un if, dependiendo de la respuesta hace determinada accion en otra lista. Aqui esta el codigo para ilustrar

<script>
$(document).ready(function(){
$("#id_tipo_de_banco").on('change',function(){
var valor = $(this).val();
if( valor == "2"){
$("#id_cuenta_contable").html('<option value="7" ">02-01-02</option>');
}else{
$("#id_cuenta_contable").html('<option value="8" ">02-02-02</option>');
}
});
});
</script>

Lo que quiero hacer es en que en los valores que se agregan en la otra lista, ya sea 02-01-02 o 02-02-02. El ultimo numero aumente en uno para la proxima vez dependiendo cual haya sido la eleccion. Es decir si el valor fue igual a 2, entonces aparecera 02-01-02. pero para la proxima vez que entre otra persona ese numero ahora deberia ser 02-01-03. Habia pensado en usar un contador, pero si alguien tiene una idea mejor de como hacerlo.

[Alexis88]

La idea que tienes es la más sensata, aunque no me queda claro el patrón de aumento que debería seguirse. Quizá si nos lo muestras con un ejemplo, se pueda entender mejor y así podremos ayudarte. No olvides usar el highlight respectivo para colocar código.

Saludos

[miguelalexep]

Tengo la idea del contador, pero en si no se como hacerle para que funcione dentro del jquery

[Alexis88]

Me refería a que cómo quieres que sea el resultado final, porque la explicación que diste al inicio es un poco confusa.

[miguelalexep]

a ok. Primero serian esas dos opciones que maneje.

02-01-02

02-02-02

Cual quiera de las dos que escoja el usuario, para la proxima vez la opcion escogida, debe aumentar en uno, para que no se pueda escoger la opcion, de la vez anterior. asi:

02-01-03

02-02-02

Esto es, suponiendo que en la otra ocasion el usuario habia escogido 02-01-02.

[Alexis88]

En ese caso, sería algo así:

Código Javascript:

$("#id_del_select").change(function(){
    var valor = this.value,
        opcion = this.selectedIndex,
        separado = valor.split("-"),
        aux = null,
        final = null;
  
    if (opcion === 0){
        aux = Number(separado[2]) + 1;
        separado[2] = aux < 10 ? "0" + aux : aux;
    }
    else{
        aux = Number(separado[1]) + 1;
        separado[1] = aux < 10 ? "0" + aux : aux;
    }
  
    final = separado.join("-");
  
    this.options[this.selectedIndex].value = final;
    this.options[this.selectedIndex].innerHTML = final;
});
 

Lo que hace este script es lo siguiente. Cuando cambiemos el valor del <select> (de ahora en adelante 'combo'), ejecutamos una función, en la cual tomamos el valor seleccionado, el número de opción (la primera, la segunda, etc.), separamos el valor seleccionado desde los guiones y declaramos dos variables que usaremos más adelante. Luego, verificamos qué opción elegimos; si fue la primera, tomamos a la tercera parte del valor seleccionado, le damos formato numérico y le sumamos uno, para luego añadir este valor en lugar del antiguo, sucediendo algo similar si elegimos otra opción, con la diferencia de que el valor a actualizar será el segundo.

Finalmente, unimos todo con guiones y asignamos este valor actualizado tanto al atributo value de la opción seleccionada como a la parte visible de esta.



Ojo, si se tratan de fechas, vas a tener que realizar algunos ajustes para evitar resultados como '43-52-43' o similares.

Saludos

[miguelalexep]

A ok. Creo que no me explique bien en una parte, eso es lo que debe hacer en efecto, pero el valor lo toma de una lista digamos lista 1, despues segun el valor que tome de esa lista, va a mostrar una de las dos cuentas en la otra lista, no ambas, bueno asi es como lo tengo planeado.

En pocas palabras segun lo que pase en el primero, automaticamente en la otra lista, ya tiene que aparecer el otro numero ya aumentando en 1, sin necesidad de cambiarlo

[Alexis88]

En ese caso, inténtalo así:

Código Javascript:

var val1 = "02-01-02", 
    val2 = "02-02-02";
 
$("#id_select1").change(function(){
    var nuevo = document.createElement("option"),
        opcion = this.selectedIndex,
        separado = null,
        aux = null,
        final = null;
  
    if (opcion === 0){
        separado = val1.split("-");
        aux = Number(separado[2]) + 1;
        separado[2] = aux < 10 ? "0" + aux : aux;
        val1 = separado.join("-");
        nuevo.value = val1;
        nuevo.innerHTML = val1;
    }
    else{
        separado = val2.split("-");
        aux = Number(separado[1]) + 1;
        separado[1] = aux < 10 ? "0" + aux : aux;
        val2 = separado.join("-");
        nuevo.value = val2;
        nuevo.innerHTML = val2;
    }  
    
    $("#id_select2").html(nuevo);
});
 

En este caso, tenemos dos variables globales, cada una conteniendo los valores equivalentes de las dos opciones del combo, luego, al cambiar el valor del mismo, creo una opción, tomo el número de la opción seleccionada y declaro tres variables que usaré luego. Enseguida, evalúo la opción seleccionada; si es la primera, separo los valores de val1 (que representa a la primera opción), aumento el tercero de sus valores, los junto y actualizo el valor de dicha variable (no de la opción del combo), luego, añado ese nuevo valor a la opción creada. Lo mismo sucederá si se elige la segunda opción.

Finalmente, añado la nueva opción al segundo combo.



Saludos

[miguelalexep]

Mmmmm, pues si hace lo que quiero, pero no busco hacerle click a una lista con los numeros, para aumentar la otra.

Tengo una lista donde manejo, nacional y extranjero. Depende de ese valor, cual de los dos numeros se mostrara. en la otra lista

SI es nacional es 02-01-02.
Si es extranjero 02-02-02

Aparte esa lista la llamo asi

<tr>
<td>Tipo de Banco:</td>
<td>{{ form.tipo_de_banco }}</td>
<td>{{ form.tipo_de_banco.errors }}</td>
</tr>

y la de las cuentas la llamo asi

<tr>
<td>Cuenta contable:</td>
<td>{{ form.cuenta_contable }}</td>
<td>{{ form.cuenta_contable.errors }}</td>
</tr>

Lo que deberia pasar, es que ya automaticamente aparezca el numero de cuenta actualizado

[Alexis88]

Ya veo, es que como dices 'listas', lo primero que se me viene a la mente es una lista desplegable, o sea, un <select>.

En ese caso, te va a tocar recorrer las celdas de la tabla y realizar lo que deseas con cada valor hallado, asignando el nuevo resultado a la celda equivalente en la segunda lista.

Saludos

[miguelalexep]

En si el problema que tengo es para agregar o mas bien sumar al ultimo digito, de las cuentas que estoy manejando

[Alexis88]

Fíjate en la manera que lo hago en el ejemplo de arriba, ahí tienes una buena referencia.

Saludos