JSFiddle - React, Tailwind, and code Playground

by chiragvidani

HTML

<script src="http://my-web-js.googlecode.com/files/jquery.tmpl.min.js"></script>
<select id="selectmenu"></select>
<script id="optionTemplate" type="text/x-jquery-tmpl">
        <option value='${ID}'>${Name}</option>
</script>

JavaScript

var data = 
                            [{ID:"1", Name: "a", ParentID: 0},
                            {ID:"2", Name: "b", ParentID: 0},
                            {ID:"3", Name: "c", ParentID: 0},
                            {ID:"4", Name: "aa", ParentID: 1},
                            {ID:"5", Name: "aaa", ParentID: 1},
                            {ID:"6", Name: "bb", ParentID: 2},
                            {ID:"7", Name: "cc", ParentID: 3},
                            {ID:"8", Name: "bbb", ParentID: 2},
                            {ID:"9", Name: "ccc", ParentID: 3},
                            {ID:"10", Name: "bbbb", ParentID: 2},
                            {ID:"11", Name: "cccc", ParentID: 3}];

            $('#optionTemplate').tmpl(data).appendTo('#selectmenu');