How to set value for SelectBox options

[hegdeashwin]

I am not able to find any example or documentation regarding how to set values for select box options. Yes! options property sets options text but how to set values for respected options text. like E.g. <option value="1">option1</option>

var form = new Backbone.Form({
    schema: {
        /* Select Box */
        SelectBox: {
            type:'Select',
            options: [
                'Option Text 1',
                'Option Text 2',
                'Option Text 3',
                'Option Text 4'
            ]
        }
    },
    data: {
        SelectBox: 'Option Text 3'
    }
}).render();

$('#form-container').append(form.el);

[powmedia]

There's a few ways to populate - see the Select docs:

• String of HTML s
• Array of strings/numbers
• An array of option groups in the form [{group: 'Option Group Label', options: <any of the forms from this list (except the option groups)>}]
• Array of objects in the form { val: 123, label: 'Text' }
• A Backbone collection
• A function that calls back with one of the above
• An object e.g. { y: 'Yes', n: 'No' }

So in your case you can do:

var form = new Backbone.Form({
    schema: {
        /* Select Box */
        SelectBox: {
            type:'Select',
            options: [
                { val: 1, label: 'Option Text 1' },
                { val: 2, label: 'Option Text 2' }
            ]
        }
    },
    data: {
        SelectBox: 'Option Text 3'
    }
}).render();

$('#form-container').append(form.el);

[hegdeashwin]

ok; i got that. Thanks

[szymdzum]

Thanks as well. What if I want to add

<option selected="selected">3</option>

[powmedia]

You'd set that as the form data, for example:

var form = new Backbone.Form({
  schema: {
    foo: { type: 'Select', options: [1,2,3,4] }
  },
  data: {
    foo: 3
  });

Or if you're using a model, set the 'foo' attribute to 3