JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

A:<select id="inputsa">
    <option id="inputa"  name="input[1][]">A</input>
    <option id="inputb" name="input"> B</input>
    <option id="inputc"  name="input[2][]"> C</input>
</select> 
B:<select id="inputsb">
    <option id="inputa"  name="input[1][]">A</input>
    <option id="inputb" name="input"> B</input>
    <option id="inputc"  name="input[2][]"> C</input>
</select> 
C:<select id="inputsc">
    <option id="inputa"  name="input[1][]">A</input>
    <option id="inputb" name="input">B</input>
    <option id="inputc"  name="input[2][]">C</input>
</select> 
    
<br>    
    
 
        

    <input id="copyAtoB" type="button" value="Copy A to B" onclick="functionCopyAtoB();">
        <br>
    <input id="copyBtoC" type="button" value="Copy B to C" onclick="functionCopyBtoC();">

JavaScript

function functionCopyAtoB() {
         
   
    
}
   
function functionCopyBtoC() {
    
    
}