Adsense
Popular Posts
- jQuery autocomplete scroll bar for dropdown menu
- mod_auth_cas.so error: undefined symbol: SSL_connect
- JavaScript Arrays and Associate Arrays
- Design date and signature box in Latex
- JavaScript, remove trailing insignificant zeros after toFixed function
- Install APXS in Redhat Linux
- jQuery, toggle the display
- Difference between state and props in React
- super(props) in React
- MySQL workbench -"Could not decrypt password cache"
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