Problema con controllo javascript su select

[pegaso22]

Ciao a tutti,
dovrei fare un controllo su un campo select.
Per i campi input faccio così:

<SCRIPT Language=Javascript SRC="pulsanti.js"><!--
//--></SCRIPT>

<script type="Text/JavaScript">
function controllo(f) {
  if (f.campocitta.value=="") {
  alert("Campo Città obbligatorio.");
  f.campocitta.focus();  
  return false;
 }  
 return true;
}
</script>

E tutto va benissimo.
Su un campo select dovrei fare un controllo con un termine preciso: "--- seleziona ---"

Ho provato così e non va:

<SCRIPT Language=Javascript SRC="pulsanti.js"><!--
//--></SCRIPT>

<script type="Text/JavaScript">
function controllo(f) {
  if (f.campocitta.value=="--- seleziona ---") {
  alert("Campo Città obbligatorio.");
  f.campocitta.focus();  
  return false;
 }         
 return true;
}
</script>

E non va neanche così:

<SCRIPT Language=Javascript SRC="pulsanti.js"><!--
//--></SCRIPT>

<script type="Text/JavaScript">
function controllo(f) {
  if (f.campocitta.selectedIndex=="--- seleziona ---") {
  alert("Campo Città obbligatorio.");
  f.campocitta.focus();  
  return false;
 }         
 return true;
}
</script>

Cosa sto sbagliando?

Fatemi sapere.
Grazie mille.