option en dropdownlist no funciona ni css selector ni listeners.

[ekaitzht]

Hola todos, tal vez sea una pregunta muy newbie pero me estoy desesperando. Mi problema es el siguiente. Estoy creando un dropdown list con 2 elementos disabled estos elementos les quiero añadir un listener que cuando hace click me salga un popup. El problema no lo tengo con javascript ya que otros elementos de la pagina que están con el attribute 'disabled' y con el mismo listener funcionan.

Aqui esta el codigo select:

Código HTML:

<select class="period" id="period" tabindex="3" name="FilterForm[period]">
<option value="2" disabled="disabled" class="disabledBasic" id="lastDay">Last day</option>
<option value="8" disabled="disabled" class="disabledBasic" id="lastWeek">Last week</option>
<option value="31">Last month</option>
<option value="182" selected="selected">Last 6 months</option>
<option value="365">Last year</option>
<option value="all">All available</option>
</select> 

Tambien no me funciona el siguiente selector css:

Código CSS:

.period .disabledBasic{
 
color: red!important;
}
 

Aquí esta el listener que si funciona para otros elementos de la pagina:

Código Javascript:

$('.disabledBasic').on('click',BE.tipFilter);
 

Se que no soy muy especifico con el problema que tengo, pero estoy bastante perdido y no se por donde encaminar.

Si queréis que suba mas código o concretar explicaciones decírmelo que se que el post no es muy claro.

Muchas gracias!