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.

[willybit]

se "--- seleziona ---" è la prima opzione puoi fare

 if (f.campocitta.selectedIndex==0) {

selectedIndex è un intero e rappresenta l'indice della option selezionata (da 0 in su)
per il valore

f.campocitta.options[f.campocitta.selectedIndex].value

[pegaso22]

Era la prima opzione.
Perfetto, grazie mille.