JSFiddle - React, Tailwind, and code Playground

by edwardantony

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://www.ericbarber.me/jsfiddle/bootstrap-formhelpers.min.css">
<script src="http://www.ericbarber.me/jsfiddle/bootstrap-formhelpers.min.js"></script>
<script src="http://www.ericbarber.me/jsfiddle/bootstrap-formhelpers-states.js"></script>
<!--Example 1-->
<select class="form-control bfh-select-fix bfh-states" data-country="IN" data-state="KA"></select>

<br/>

<!--Example 2-->
<button onclick="$('#states1').bfhstates({country: 'IN', state: 'KA'})" class="btn">
  Load States
</button>
<br><br>
<select id="states1" class="form-control "></select>
    
    <br/>
    
<!--Example 3-->
<div class="bfh-selectbox bfh-states" data-country="IN" data-state="KA">
</div>

JavaScript

$('.bfh-select-fix').bfhstates({country:'IN',state:'KA'});