Make some options in a select menu “unselectable”

Question

I have a select element with a few options, but I want some of the options to not be selectable.

Basically it\'s like this:

Answer 1

You're probably looking for an :

    
        City 1 branch A
        City 1 branch B
        City 1 branch C
    

    
        City 2 branch A
        City 2 branch B
    

Demo: http://jsfiddle.net/Zg9Mw/

If you do need to make regular elements unselectable, you can give them the disabled attribute (it's a boolean attribute, so the value doesn't matter at all):

City 2 branch A