Question

I have a select box with the following data

<select>
    <option>Bill</option>
    <option>Ted</option>
    <option>Bogus</option>
</select>

When i select “Bogus” i want to return 2 back to a function, because this is the third item.

Any idea how to do this with jQuery? Something like

jQuery("#colour").change(function(){
    alert( $(this).index );         
});

doesn’t work.

Thanks

Answer 1

After all this jquery business, we forget how it was done before… 😉

It’s

this.selectedIndex