Merge pull request #861 from holic/disabled-options

Support `disabled` attribute on select options

Author: yyx990803

src/directives/model/select.js

@@ -107,6 +107,9 @@ function buildOptions (parent, options) {
       } else {
         el.text = op.text
         el.value = op.value
+        if (op.disabled) {
+          el.disabled = true
+        }
       }
     } else {
       el = document.createElement('optgroup')

test/unit/specs/directives/model_spec.js

@@ -245,19 +245,23 @@ if (_.inBrowser) {
         data: {
           test: 'b',
           opts: [
+            { text: 'Select an option', value: null, disabled: true },
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b' }
           ]
         },
         template: '<select v-model="test" options="opts"></select>'
       })
       expect(el.firstChild.innerHTML).toBe(
+        '<option disabled="">Select an option</option>' +
         '<option value="a">A</option>' +
         '<option value="b">B</option>'
       )
       var opts = el.firstChild.options
+      expect(opts[0].disabled).toBe(true)
       expect(opts[0].selected).toBe(false)
-      expect(opts[1].selected).toBe(true)
+      expect(opts[1].selected).toBe(false)
+      expect(opts[2].selected).toBe(true)
     })
 
     it('select + options + optgroup', function () {