JSFiddle - React, Tailwind, and code Playground

by ubaidillahhf

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <div class="container-fluid cloned-row1">
<div class="row">
    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
        <label>School Name</label>
        <br/>
        <select class="slt_Field txt_schName" name="txt_schName[]">
            <option value="">Please Select</option>
            <option value="Emirates College of Technology- UAE">COL000001</option>
            <option value="Al Khawarizmi International College- UAE">COL000002</option>
            <option value="Syscoms College">COL000003</option>
            <option value="Abounajm Khanj Pre-Uni Center">COL000004</option>
            <option value="Advanced Placement">COL000005</option>
            <option value="Al Buraimi College (Uni Clge)">COL000006</option>
            <option value="Al-Ain Community College">COL000007</option>
            <option value="AMA Computer College">COL000008</option>
            <option value="Arab Academy for Bankg and Fin">COL000009</option>		
            <option value="ARABACDSCITECHMARTIMETRNS">COL000010</option>		
            <option value="Arapahoe Community College">COL000011</option>		
        </select>                                            
    </div>
    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
        <br>
            <input type="text" class="ipt_Field school_Name" name="school_Name[]" disabled/>
            </div>
        <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
            <label><span class="text-error">*</span>High School Avg / CGPA</label>
            <br/>
            <input type="text" class="ipt_Field ipt_Havg" id="" name="ipt_Havg[]" />
        </div>
        <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
            <label><span class="text-error">*</span>Grade Type @</label>
            <br/>
            <select class="slt_Field ipt_grd" name="ipt_grd[]">
                <option value="">Please Select</option>
       ...

CSS

txt_schName
school_Name
ipt_Havg
ipt_grd

JavaScript

/* $('.cloned-row1:eq(0)').data('stored-clone', $('.cloned-row1:eq(0)').clone()) */
    
    $(document).on("click", ".edu_add_button", function () { 
        
    	$(".cloned-row1:last").clone().insertAfter(".cloned-row1:last");  
    });    

 	$(document).on('click', ".btn_less1", function (){
 	    var len = $('.cloned-row1').length;
 	    if(len>1){
			$(this).closest(".cloned-row1").remove();
		}
	});

 	$(document).on('change', '.txt_schName', function (){
        var cur = $('.txt_schName').index($(this));
        console.log('posisi'+cur);
        $('.school_Name').eq(cur).val($(this).val())
	});