JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/linq.min.js "></script>
<div class="liveexample">
<h2>
DropDownLists
</h2>
<P>
Countries List
</P>
<select data-bind='options:country,value:selectedId,optionsValue:"id",optionsText:"name"'>
</select><br><br>
<p>
Sates List
</p>
<select data-bind='options:state,value:selectedId,optionsValue:"id",optionsText:name"'>

</select>
</div>

JavaScript

function appmodel()
{
var country=[{id:"111",name:"Africa"},{id:"222",name:"Asia"},{id:"333",name:"Antarctica"}];

}