JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.3.0/backbone.marionette.min.js"></script>

CSS

body {
    margin: 10px;
    font: 13px/1.3 Arial;
}

JavaScript

var collection = new Backbone.Collection([{id:1, name:'1'}, {id:2, name:'2'}]);

var ItemView = Backbone.Marionette.ItemView.extend({
    tagName : 'option',
    template : _.template('<%= name %>'),
    constructor : function (options) {
        this.attributes = {
            value: options.model.id
        };
        Backbone.Marionette.ItemView.prototype.constructor.apply(this, arguments);
    }
});

var CollectionView = Backbone.Marionette.CollectionView.extend({
    tagName : 'select',
    itemView : ItemView
});

var collectionView = new CollectionView({collection:collection});
$(document.body).append(collectionView.render().el);