View

template.html

<div class="ui dropdown">
  <button class="ui button" type="button" data-title="title">
    {{selected ? selected : default}}
  </button>
  <ul class="ui dropdown-list">
    <li data-each="item in list" data-click="select(@id)">{{item.name}}</li>
  </ul>
</div>

view.js

var view = require('view');
var template = require('./template');

var Dropdown = view()
  .use(view.compile(template))
  .scope(function(scope, props) {
    scope.selected = null;
    scope.default = props.default
    scope.list = props.list;
  });
  
  
Dropdown.prototype.select = function(id, scope) {
  scope.selected = scope.list[id];
};