AngularJS Example:
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app>
<h2></h2>
<div ng-controller="TodoCtrl">
<strong >Check the option values, not selected becuase value becomes 0, 1 2 3 ...</strong>
<form ng-submit="addTodo()">
<select ng-model="class.code"
data-ng-form="field"
data-ng-required="false"
ng-options="item.code as item.name for item in classes"
class="form-control " />
</form>
</div>
</div>
CSS
.done-true {
text-decoration: line-through;
color: grey;
}
strong, form{
padding:10px; font-size130%;
font-weight:bold;
}
JavaScript
function TodoCtrl($scope) {
$scope.classes = [ { "code": "BU ", "name": "BU " },
{ "code": "EQ ", "name": "EQ " },
{ "code": "IO ", "name": "IO " },
{ "code": "LA ", "name": "LA " },
{ "code": "VH ", "name": "VH " } ] ;
$scope.class = function() {
code = 'EQ'
};
}