0
I intend to create several "Play List" using an element select, instead of leaving it in the body of html document, want to put in a file "js" external, and call each "Play List" through a "Search Field" where you must type the Corresponding category, then it will be displayed inside an element form whose "id" is set to "playlist".
0
I managed to do it this way ..
<br> <br>
<form name = "playlist">
<select name = "selecao" multiple size = "10"> </select>
</form>
/* Acrescente nestas variáveis os Nomes de cada Categoria */
/* E insira seus respectivos resultados dentro de Cada Array */
humor = new Array("A", "B", "C");
guerra = new Array("1", "2", "3");
terror = new Array("I", "II", "III");
/* Esta rotina destina-se em fazer a mudança entre as PlayList */
/* na qual foi definida Acima, exibindo todo resultado no Select */
function TrocarLista(formulario, listagem, genero) {
if (genero == "humor") {
var lista = humor;
} else {
if (genero == "guerra") {
var lista = guerra;
} else
var lista = terror;
}
/* Nesta parte é feito uma varredura de cada elemento */
/* que contém no PlayList, nos dando os números exato. */
var numero = document.forms[formulario][listagem];
numero.options.length = 0;
for (i = 0; i < lista.length; i++) {
var item = lista[i];
numero.options[i] = new Option(item);
}
}
/* Agora para finalizarmos, criei o campo de busca simples */
/* para efetuar a Busca por Categoria/Gênero se tratando de */
/* uma PlayList de - Filmes, Vídeos, Clipes, Áudio, Músicas */
buscar = function() {
var mostra = document.getElementById('categoria').value;
switch (mostra) {
case 'guerra':
TrocarLista('playlist', 'selecao', 'guerra');
break;
case 'humor':
TrocarLista('playlist', 'selecao', 'humor');
break;
case 'terror':
TrocarLista('playlist', 'selecao', 'terror');
break;
default:
alert('Desculpe, nada encontrado.');
}
}To make Testing and see the result, just type in the Field search one of the Category predefined: humour, war or terror
I didn’t add too many comments to make the code clean and spaced out, but ... I worried about doing it self-descriptive.
I hope this Question and its Answer will help other colleagues.
Browser other questions tagged javascript select form
You are not signed in. Login or sign up in order to post.
take a look at this Aki http://stackoverflow.com/questions/1502649/jquery-getjson-populate-select-menu-question or this http://stackoverflow.com/questions/5918144/how-can-i-use-json-datato-populate-the-options-of-a-selectbox
– Jasar Orion