Jquery select+option passaggio valore a funzione

[flessciato]

ho un html di questo tipo

<select id="regioni">
    <option value="abruzzo">Abruzzo</option>
    <option value="molise">Molise</option>
    <option value="veneto">Veneto</option>
</select>

ed una funzione javascript tipo

function caricaMappa ( name ) {
    // fai delle cose
}

Vorrei fare in modo che selezionando una voce della select fosse richiamata la funzione caricaMappa(), passando a "name" il "value" selezionato della select.

Il problema è che su smartphone non funziona l'evento onClick su una select perchè lo smartphone apre una tendina nativa con un menù e un pulsante "fatto" per confermare la selezione

[badaze]

E con l'evento onchange ?

<select id="regioni" onchange='caricaMappa(this.value);'>
    <option value="--">Seleziona regione</option>    
    <option value="abruzzo">Abruzzo</option>
    <option value="molise">Molise</option>    
    <option value="veneto">Veneto</option>
</select>

function caricaMappa(valore) {
  if (valore != '--') {
    // fai delle cose
  }
}

[flessciato]

Non succede niente. Ho messo un alert per prova e nemmeno lo esegue.

[cavicchiandrea]

Vediamo il tuo codice

[flessciato]

function caricaMappa(valore) {
          if (valore != '--') {
    alert('test');
  }    
}

<select class="form-control" id="regioni_distributori" onchange='caricaMappa(this.value);'>
  <option value="--">SELEZIONA UNA REGIONE</option>
  <option value="abruzzo">Abruzzo</option>
  <option value="basilicata">Basilicata</option>
</select>

[flessciato]

Credo di avere un altro problema perchè lo script funziona su una pagina vuota...