<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <select id="sender_occupation" name="sender_occupation" class=" set_tooltip" style="outline:none ; width:256px ; height:20px ; border:solid 1px #a6a6a6 ; margin-right:10px" tabindex="1" data-rule-required="true" data-placement="right" aria-required="true"> <option value=""> Select Occupation </option> <option value="Operaio, Meccanico">Operaio, Meccanico</option> <option value="Casalinga">Casalinga</option> <option value="Badante">Badante</option> <option value="Studente">Studente</option> <option value="Lavoratore autonomo/Commercio al dettaglio">Lavoratore autonomo/Commercio al dettaglio</option> <option value="Pensionato">Pensionato</option> <option value="Dipendente azienda settore finanziario">Dipendente azienda settore finanziario</option> <option value="Dipendente pubblico">Dipendente pubblico</option> <option value="Commercialista /Avvocato">Commercialista/Avvocato</option> <option value="Altro">Altro</option> </select> <input type="text" class="hide" id="altro" name="">

$("#sender_occupation").on("change",function(){ var value = $(this).val(); alert(value); })