Nascondere/mostrare PIÙ elementi contemporaneamente

[Freedom]

Ho una domandina per voi...

da una select, nel caso in cui si selezioni un determinato valore, vorrei nascondere vari altri campi.

Sto provando in questo modo:

<select name="Id" id="Id" onChange="check(this,this.form,'Mostra')">
<option selected="selected" value=0>Seleziona</option>
  ...
</select>


<p id="Mostra"><input name="a".....></p>
<p id="Mostra"><input name="b".....></p>
<p id="Mostra"><input name="c".....></p>



<script>
function check(sel,theForm,Mostra){
  if(sel.selectedIndex!=0){
    var val=sel.options[sel.selectedIndex].value
    if(val=='116' || val=='94'){

	  document.getElementById(Mostra).style.display="block";
    }
    else {

	  document.getElementById(Mostra).style.display="none";
    }
  }
  else {
 
	document.getElementById(Mostra).style.display="none";
  }
}
</script>

Il problema è che mi nasconde solo il primo elemento. Come posso nasconderli tutti?

[cavicchiandrea]

<select name="Id" id="Id" onChange="check(this,this.form)">
<option selected="selected" value=0>Seleziona</option>
  ...
</select>


<p id="Mostra" class="miaclasse"><input name="a".....></p>
<p id="Mostra1" class="miaclasse"><input name="b".....></p>
<p id="Mostra2" class="miaclasse"><input name="c".....></p>



<script>
function check(sel,theForm){
var elemClass = document.getElementsByClassName('miaclasse');
var val=sel.options[sel.selectedIndex].value
for(var i=0; i<elemClass.length; i++){
  if(sel.selectedIndex!=0 && val=='116' || val=='94'){
	  elemClass[i].style.display="block";
    }
    else {
	 elemClass[i].style.display="none";
    }
}
}
</script>

[lucavizzi]

Originariamente inviato da cavicchiandrea

<select name="Id" id="Id" onChange="check(this,this.form)">
<option selected="selected" value=0>Seleziona</option>
  ...
</select>


<p id="Mostra" class="miaclasse"><input name="a".....></p>
<p id="Mostra1" class="miaclasse"><input name="b".....></p>
<p id="Mostra2" class="miaclasse"><input name="c".....></p>



<script>
function check(sel,theForm){
var elemClass = document.getElementsByClassName('miaclasse');
var val=sel.options[sel.selectedIndex].value
for(var i=0; i<elemClass.length; i++){
  if(sel.selectedIndex!=0 && val=='116' || val=='94'){
	  elemClass[i].style.display="block";
    }
    else {
	 elemClass[i].style.display="none";
    }
}
}
</script>

getElementsByClassName è supportato in Explorer solo dalla versione 9.

La condizione nel costrutto if ha bisogno di parentesi altrimenti l'AND avrà la precenza sull'OR.