JSFiddle - React, Tailwind, and code Playground

by kunalvashist

HTML

<select id="testName" name="testName" class="gcfFormSelect customCheckEnabled"><option value="Label1val" >Label1</option><option  value="Label2val">Label2</option></select>

<select id="testName1" name="testName1" class="gcfFormSelect customCheckEnabled"><option value="Label1val">Label11</option><option  value="Label2val">Label22</option></select>

<select id="testName2" name="testName2" class="gcfFormSelect customCheckEnabled "><option value="Label1val">Label111</option><option  value="Label2val">Label222</option></select>

<div id="mesageBlock">
    
</div>

JavaScript

$(document).change(function(){
var set=" ";
var defaultMessage="There is No custom Message to show";
        var testName_MessagesArray=new Array();
        var cntr = 0;
        testName_MessagesArray[cntr]=new Array("testName_custom_message_Label1val","Custom message for label 1");
        cntr++;
        testName_MessagesArray[cntr]=new Array("testName_custom_message_Label2val","Custom message for label 2");
        cntr++;

        var testName1_MessagesArray=new Array();
        var cntr1 = 0;
        testName1_MessagesArray[cntr1]=new Array("testName_custom_message_Label1val","Custom message for label 11");
        cntr1++;
        testName1_MessagesArray[cntr1]=new Array("testName_custom_message_Label2val","Custom message for label 22");
        cntr1++;

        var testName2_MessagesArray=new Array();
        var cntr2 = 0;
        testName2_MessagesArray[cntr2]=new Array("testName_custom_message_Label1val","Custom message for label 111");
        cntr2++;
        testName2_MessagesArray[cntr2]=new Array("testName_custom_message_Label2val","Custom message for label 222");
        cntr2++;
    
    
//alert(testName_MessagesArray[1]);
    
  var classChk=$(".customCheckEnabled");
//alert(classChk);  
//  alert(classChk.length);
for(var i=0;i<classChk.length;i++)
{

var getVarName=classChk[i].id;
//alert("Variable Id " + getVarName);

var getClassindex=classChk[i].selectedIndex;
//alert("select Index " + getClassindex);

var getCstMsgName=eval(getVarName+"_MessagesArray".toString());



var getMessage=getCstMsgName[getClassindex][1];
alert("Message Value " + getMessage);
var BlockText=$("#mesageBlock");


set = set + "  " + BlockText.html("Next item " + getMessage);
alert("text value " + set);



 }

   
});