modifica dinamica del css tramite select

Spiego brevemente il problema cercando di essere il più chiaro possibile:
Ho un form con una select e degli input text,
nella select ci sono tre option "1" , "2" , "3";
dovrei fare in modo che quando viene selezionato il valore 1 il css del primo input text venga modificato quando viene selezionato il valore 2 venga modificato il css del 2° input text e cosi via.
Il problema sta nel fatto che vorrei che queste modifiche vengano fatte direttamente senza ricaricare la pagina.
Soluzioni?

Della select intercetti l'evento onchange:

Codice:

---

<select name="..." onchange="modificato(this)">

---

Poi una funzioncina modifica lo stile degli elementi che desideri:

Codice:

---

function modificato(sel) {
  var val = sel.options[sel.selectedIndex].value;
  switch (val) {
    case 1:
      document.getElementById('input1').style.backgroundColor = 'red';
      break;
    case 2:
    case 3:
  }
}

---

grandissimo, grazie