Showing posts with label MVC. Show all posts
Showing posts with label MVC. Show all posts

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>