Jquery Mobile - Select box advanced usage

This example demonstrates how to override default select menu and use disabled and create a multiple select box.

by manoj_antony32

HTML

<div data-role="page">
    <div data-role="content">
        <form>
            <label for="select-option">Choose Framework</label>
            <select name="select-option" id="select-option" data-native-menu="false">
                <option data-placeholder="true">Select a framework</option>
                <option value="jqm">Jquery Mobile</option>
                <option value="mproj" disabled>The M Project</option>
                <option value="sencha">Sencha Touch</option>
            </select>
        </form>
        <form>
            <label for="select-option">Choose Framework</label>
            <select name="select-option" id="select-option" data-native-menu="false" multiple>
                <option data-placeholder="true"></option>
                <option value="jqm">Jquery Mobile</option>
                <option value="mproj">The M Project</option>
                <option value="sencha">Sencha Touch</option>
            </select>
        </form>
    </div>
</div>