JSFiddle - React, Tailwind, and code Playground

by Alexis López Espinoza

HTML

<select id = "foo">
    <option value = "02-01-02">02-01-02</option>
    <option value = "02-02-02">02-02-02</option>
</select>
  
<select id = "bar"></select>

JavaScript

var val1 = "02-01-02", 
    val2 = "02-02-02";

$("#foo").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;
    }  
    
    $("#bar").html(nuevo);
});