Adsense
Popular Posts
- MySQL workbench -"Could not decrypt password cache"
- Install APXS in Redhat Linux
- react-pdf, display pdf in react.js
- Transfer modules between sites
- JavaScript, remove trailing insignificant zeros after toFixed function
- Set Windows path command line
- datatable order by nunmeric
- MySQL date created and date modified
- React: connect(mapStateToProps, mapDispatchToProps)
- 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