Problems with html select

Question

Problems with html select

Navigation

#1 by (3 votes)
#2 by (1 votes)

1

I have the following codes in html and javascript:

/**
 * Created by Erick on 22/11/2014.
 */

var data = new Date();
var meses = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var dias = new Array("Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sabado");

var dia = data.getDay();
var dian = data.getDate();
var mes = data.getMonth()
var ano = data.getFullYear()

function proxSemana() {
    while(dia != 1){
        proxDia();
    }
}

function proxDia(){
    dia++;
    if(dia > 6){
        dia = 0;
    }
    dian++;
    if(meses[mes] == "Janeiro" || meses[mes] == "Março" || meses[mes] == "Maio" || meses[mes] == "Julho" || meses[mes] == "Agosto" || meses[mes] == "Outubro" || meses[mes] == "Dezembro"){
        if(dian > 31){
            dian = 1;
            mes++;
            if(mes > 11){
                mes = 0;
                ano++;
            }
        }
    }else if(meses[mes] == "Abril" || meses[mes] == "Junho" || meses[mes] == "Setembro" || meses[mes] == "Novembro"){
        if(dian > 30){
            dian = 1;
            mes++;
        }

    }else{
        if(dian > 28){
            dian = 1;
            mes++;
        }
    }

}


proxDia();
proxSemana();
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");
proxDia()
proxSemana()
document.write(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano + "<br>");

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>SI1</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="js/script_pagina3.js"></script>

    </head>

    <body>

    <select>
        <option value="1° Semana"></option>
        <option value="2° Semana"></option>
        <option value="3° Semana"></option>
        <option value="4° Semana"></option>
        <option value="5° Semana"></option>
        <option value="6° Semana"></option>
    </select>

    </body>

</html>

And I would like to make a form with a select whose options were the 6 document.write of the javascript code, but I could not.

javascript html

asked by anonymous 23.11.2014 / 01:00

2 answers

1

I suggest that you then try to put this sequence of commands into a repeat structure.

As for using select, you can do this using the DOM interface provided in JavaScript .

/**
 * Created by Erick on 22/11/2014.
 */

var data = new Date();
var meses = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var dias = new Array("Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sabado");

var dia = data.getDay();
var dian = data.getDate();
var mes = data.getMonth()
var ano = data.getFullYear()

function proxSemana() {
    while(dia != 1){
        proxDia();
    }
}

function proxDia(){
    dia++;
    if(dia > 6){
        dia = 0;
    }
    dian++;
    if(meses[mes] == "Janeiro" || meses[mes] == "Março" || meses[mes] == "Maio" || meses[mes] == "Julho" || meses[mes] == "Agosto" || meses[mes] == "Outubro" || meses[mes] == "Dezembro"){
        if(dian > 31){
            dian = 1;
            mes++;
            if(mes > 11){
                mes = 0;
                ano++;
            }
        }
    }else if(meses[mes] == "Abril" || meses[mes] == "Junho" || meses[mes] == "Setembro" || meses[mes] == "Novembro"){
        if(dian > 30){
            dian = 1;
            mes++;
        }

    }else{
        if(dian > 28){
            dian = 1;
            mes++;
        }
    }

}

var select = document.getElementById("select");

proxDia();
proxSemana();
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));
proxDia()
proxSemana()
select.add(new Option(dias[dia]  + ", " + dian + " de " + meses[mes] + " de " + ano));

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>SI1</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="js/script_pagina3.js"></script>

    </head>

    <body>

    <select id="select">
    </select>

    </body>

</html>

23.11.2014 / 01:19

Show by alphabetical order table Do Select with value lookup in another table

score 3 · Accepted Answer

I suggest another approach, easier to maintain.

var data = new Date();
var segunda = segundaMaisProxima(data);
var meses = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var dias = new Array("Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sabado");

function segundaMaisProxima(d) {
    var diaSemana = d.getDay();
    var diff = d.getDate() + (1 - diaSemana);
    return new Date(d.setDate(diff));
}

function gerarTexto(d) {
    return dias[d.getDay()] + ", " + d.getDate() + " de " + meses[d.getMonth()] + " de " + d.getFullYear();
}

$('select option').each(function (i) {
    segunda.setDate(segunda.getDate() + (i ? 7 : 0));
    this.innerHTML = gerarTexto(segunda);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><select><optionvalue="1° Semana"></option>
    <option value="2° Semana"></option>
    <option value="3° Semana"></option>
    <option value="4° Semana"></option>
    <option value="5° Semana"></option>
    <option value="6° Semana"></option>
</select>

jsFiddle: link

So he calculates the first Monday and generates the next ones by adding 7 days to each iteration of the loop that runs every% of% that the select has.