Adsense
Popular Posts
- MySQL workbench -"Could not decrypt password cache"
- peer review (3)
- PHP, dump varailbes in a format way
- "Unusual traffic from your computer network" from blogger
- Install APXS in Redhat Linux
- JavaScript, remove trailing insignificant zeros after toFixed function
- Update member directory
- Set Windows path command line
- JavaScript: add days to current date
- DataTable table order by numeric, not by text
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>
Labels:
Knockout.JS,
MVC
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment