JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cussel"></div>
<script id='SelectTemplate' type='text/ractive'>
  <select name="{{name}}" id="{{name}}" value="{{selval}}">
    {{#opts}}
        <option value="{{cusnum}}">{{cusnam}}</option>
    {{/opts}}
  </select>
</script>

JavaScript

var select = Ractive.extend({ template: '#SelectTemplate' });

var cussel = new select({
  el: '#cussel',
  data: {name: 'cusnum', label: 'Cust.:', selval: 2,
    opts: [ {cusnum: 1, cusname: 'Cust1', cusarea: 'ABC'}, {cusnum: 2, cusname: 'Cust2', cusarea: 'DEF'},
{cusnum: 3, cusname: 'Cust3', cusarea: 'XYZ'}
    ] }
});