Fai clic sull'opzione evento

Question

come gestisco gli eventi per gli elementi opzione?

<select> 
     <option value='option1'>Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select> 

Quando si fa clic su un elemento opzione, desidero visualizzare una piccola descrizione per l'elemento. Qualche idea su come farlo?

Answer 1

si sta andando a voler utilizzare jQuery di change event. Sto visualizzando il testo della tua opzione come avviso, ma puoi mostrare ciò che vuoi in base alle tue esigenze. (È anche possibile, ovviamente, metterlo dentro un'altra parte della pagina ... non ha bisogno di essere un avviso.)

$('#myOptions').change(function() { 
    var val = $("#myOptions option:selected").text(); 
    alert(val); 
}); 

Inoltre, nota, che ho aggiunto un ID al tag select così che puoi gestire più facilmente gli eventi (l'ho chiamato myOptions).

Esempio: http://jsfiddle.net/S9WQv/

Answer 2

Come specificato da JasCav utilizzando jQuery è possibile ottenere lo stesso in JavaScript utilizzando

<select onchange="alert(this.options[this.selectedIndex].text);"> 
     <option value='option1'>Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select> 

In alternativa, onclick caso di opzione, ma nota che non è compatibile con tutti i browser.

<select> 
     <option value='option1' onclick="alert(this.value);" >Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select>