Javascript Select Disabled values Example

Enforcing validation is essential to a great UX. It supports the following: - Disabled attribute - In case you are passing the data through markup: <option value="chi" disabled>Chicago</option> - Disabled property - In case you are using the data option: data: [ ... { text: 'Chicago', value: 'chi', disabled: true }]

Having invalids set up correctly not just enhances the UX, but improves performance.

Download and try example

Javascript jQuery Angular React Vue

html<select id="select-disabled-values">
    <option value="atl">Atlanta</option>
    <option value="ber">Berlin</option>
    <option value="bos">Boston</option>
    <option value="chi" disabled>Chicago</option>
    <option value="lon" disabled>London</option>
    <option value="la">Los Angeles</option>
    <option value="ny">New York</option>
    <option value="par">Paris</option>
    <option value="sf">San Francisco</option>
</select>
jsmobiscroll.select('#select-disabled-values', {
    display: 'inline',
    touchUi: 
});