JSFiddle - React, Tailwind, and code Playground

by Fahd Murtaza

HTML

<form action="#" method="post">

                <div class='row'>
                    <div class='col-md-2 col-md-offset-5'>
                        <div class='form-group text-center'>
                            <label for="lang">Language</label>
                            <select class="form-control" id="lang" name="code[lang]">
                                <option value="php" selected="selected">PHP</option>
                                <option value="mysql" disabled>MySQL</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class='row' id='elements'>
                    <div class='col-md-1 col-md-offset-2'>
                        <div class='form-group'>
                            <label for="element1">Element</label>
                            <select class="form-control" id="element1" name="code[element1]">
                                <option value="day" selected="selected">Day</option>
                                <option value="month">Month</option>
                                <option value="year">Year</option>
                                <option value="week">Week</option>
                                <option value="hour">Hour</option>
                                <option value="minute">Minute</option>
                                <option value="second">Second</option>
                                <option value="meridiem">Meridiem</option>
                                <option value="other">Other</option>
                                <option value="">Empty</option>
                            </select>
                        </div>
                    </div>
                    <div class='col-md-1'>
                        <div class='form-group'>
                            <label for="element2">Element</label>
                            <select class="form-control" id="element2" name="code[element2]">
         ...

JavaScript

/*
$("#myddl").change(function()
{ 
     $('.detail').find('select').val($(this).val());
});
*/

$( document ).ready(function() {
  // Handler for .ready() called.

$("#elements").on("change", function(e) {
	
	//alert('it works');
     $('#formats').find('select').val($(this).val());
});

});