Jump to content
Sign in to follow this  
pessantiago

select option

Recommended Posts

pessantiago

tendo uma estrutura deste género num csv,

ano,curso,disciplina

90,1,1

90,1,2

89,1,3

89,1,4

91,2,1

91,2,2

91,2,4

o exemplo seria ter uma filitragem em select em que ao selecionar no ano 90 da select box, preencia a combobox do curso

sendo selectrionado ano 91 apresentava os cursos desse ano, ao Seleccionar um curso mostrava as disciplinas desse curso

já tenho este código, so que não me faz o pretendido,podem-me ajudar tenho urgencia ainda tenho de gerar um grafico em d3 com a informação toda ou apenas alguma

<!DOCTYPE html>
</html>
<meta charset="utf-8">
<style>
body {
 font: 10px sans-serif;
}
.arc path {
 stroke: #fff;
}
</style>
<script type="javascript" src="http://d3js.org/d3.v3.min.js"></script>
<head>
</head>
<body>
Selecionar Ano:
<select id="SelectAno" >
<option value="Todos">Todos</option>
</select>
Curso:
<select id="Curso"></option>

</select>
Disciplinas:
<select id="Disciplina"></option>
</select>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var SelectAno;//para guardar a combo box dos anos
var Curso;
var Disciplina;
initSelectAnos();
function gerargraficos(){}

function cursos(){}

function initSelectAnos(){
 SelectAno = document.getElementById("SelectAno");
Curso = document.getElementById("Curso");
Disciplina = document.getElementById("Disciplina");

d3.csv("2009.csv", function(error,csv) { //Leitura do ficheiro populacao.csv para obter os anos existentes
   for(var i=0;i<csv.length;i++){
   var option=new Option(csv[i].Ano,"Ano");

   if (i==0 || csv[i].Ano != csv[i-1].Ano)
   {
 // console.log(option);
  // console.log(SelectAno.options[selectAno.options.length]);
   SelectAno.options[selectAno.options.length] =option;
   }
   var option=new Option(csv[i].CodCurso,"CodCurso");
   Curso.options[Curso.options.length] =option;

   var option=new Option(csv[i].CodDiscip,"CodDiscip");
   Disciplina.options[Disciplina.options.length] =option;
   }
  });

};
 </script>

</body>
</html>

.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.