nascondere tutti i controlli di uno stesso tipo

[zampa28]

cosa devo fare per nascondere tutte le select presenti in una pagina?

[Mich_]

Le metti tutte in un <div> e poi definisci nello stile del <div>
visibility:hidden;
oppure
display:none;

[zampa28]

no, le select sono sparse per la pagina e non conosco il loro nome.

devo fare una cosa del genere:

for (controllo in pagina){
if (tipo(controllo)="select"){
nascondi controllo;
}
}

[Mich_]

Ho capito.

Sono tutte in uno stesso form?

var ff = document.NOMEFORM;
for(var i=0; i<ff.length; i++) {
if(ff.elements[i].type == 'select') elements[i].style.visibility = 'hidden';
}

Nota: alcuni brower (un po' vecchi) non supportano la visbility per oggetti diversi da <div> e <span>

[zampa28]

grazie Mich, purtropo devo farlo a livello di pagina e non di form. E' possibile?

[Mich_]

Probabilmente e` possibile.
Ma non capisco cosa chiedi esattamente.

Ci sono piu` form nella pagina? In tal caso si puo` aggiungere il loop sui form:

for(var j=0; j<document.forms.length; j++) {
  var ff = document.forms[i];
  for(var i=0; i<ff.length; i++) {
    if(ff.elements[i].type == 'select') {
      elements[i].style.visibility = 'hidden';
    }
  }
}

[zampa28]

ho risolto così:

	ff = document.all.tags('SELECT');
	var lff = ff.length;
	for(var i=0; i<lff; i++) { 
		ff[i].style.visibility = 'hidden';
	}

[Mich_]

Quello puo` funzionare in IE. Sicuramente non funziona negli altri browser.
1. document.all e` sintassi proprietaria
2. non esiste una collezione di tag di quel tipo.

La soluzione JS piu` vicina e` l'uso di getElementByTagName():

var ss = document.getElementByTagname('select');
for(var i=0; i<ss.length; i++) {
ss[i].style.visibility = 'hidden';
}

Nota: select minuscolo
Non ricordo se la sintassi corretta e` getElementsByTagname oppure getElementsByTagName