Friday, July 25, 2014

select element in options with different values from text using Knockout.JS




JS library Knockout  is based on MVC model:
http://knockoutjs.com/
To  select element in options with different values then text using Knockout.JS,
JS side:
    self.StudyLeaveValue1([{ value: 1, name: 'France' },    { value: 2, name: 'Germany' },
           { value: 3, name: 'Spain' }];


HTML side:
 <select data-bind="options: StudyLeaveValue1,optionsText: 'name', optionsValue: 'value',optionsCaption: 'Please choose an option'"></select>
Source code of above from inspector:

<select data-bind="options: StudyLeaveValue1,optionsText: 'name', optionsValue: 'value',optionsCaption: 'Please choose an option'">
<option value="">Please choose an option</option>
<option value="1">France</option>
<option value="2">Germany</option>
<option value="3">Spain</option>
</select>

No comments:

Post a Comment