AngularJS Example:

by gangadharjannu

HTML

<div ng-controller="MyController as MC">
  <select ng-options="k as v for (k,v) in MC.bookList">
  
  </select>
</div>

JavaScript

(function() {
  'use strict';
  angular
    .module('myApp', []);

  angular
    .module('myApp')
    .controller('MyController', MyController)
    .directive('disableIt', disableIt);

  MyController.$inject = [];

  function MyController() {
  var MC = this;
MC.bookList = {
    "booklist": {
        "fiction": [
          {
            "key": "book1",
            "value": "bookvalue1"
          },
          {
            "key": "book2",
            "value": "bookvalue2"
          }
        ],
        "romance": [
          {
            "key": "book3",
            "value": "bookvalue3"
          },
          {
            "key": "book4",
            "value": "bookvalue4"
          }
        ],
        "thriller": [
          {
            "key": "book5",
            "value": "bookvalue5"
          },
          {
            "key": "book6",
            "value": "bookvalue6"
          }
        ]         
};
  }

  
}());