JSFiddle - React, Tailwind, and code Playground

by tsareg

HTML

<script src="https://rawgit.com/mikeric/rivets/v0.6.10/dist/rivets.js"></script>
<div>
    <select rv-html="controller.buildOptions" rv-value="model.value"></select>
</div>

JavaScript

var model = { value: "3" };
var controller = {
    buildOptions: function() {
        var options = "";
        
        for (var i = 1; i <= 10; i++) {
            options += "<option value='" + i + "'>" + i + "</option>";
        }
        
        return options;
    }
};
rivets.bind(document.getElementsByTagName("div")[0], {
  model: model,
  controller: controller
});