JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<script language="JavaScript">    

    
$("#sel").live("change", function(event){
  
  var month =   document.getElementById('form1').sel.options[document.getElementById('form1').sel.selectedIndex].innerHTML
    document.getElementById('siF4').value = month;  
});   
 
    </script>    
    <form name="adduser" id="form1" ><center>    
    <table bgcolor="#F0F0F0" border="1" bordercolor="#000000" cellpadding="4" cellspacing="0" rules="none"><tbody><tr><td><i>Год</i></td>    
    <td><div align="right"><input size="10" name="by" value="Год" onclick='value=""' type="text"></div></td></tr><tr><td><i>Месяц</i></td>    
    <td><div align="right" >    
    <select name="bm" id="sel">    
    <option value="x" >Месяц</option>    
    <option value="1" id="1">Январь</option>    
    <option value="2">Февраль</option>    
    <option value="3">Март</option>    
    <option value="4">Апрель</option>    
    <option value="5">Май</option>    
    <option value="6">Июнь</option>    
    <option value="7">Июль</option>    
    <option value="8">Август</option>    
    <option value="9">Сентябрь</option>    
    <option value="10">Октябрь</option>    
    <option value="11">Ноябрь</option>    
    <option value="12">Декабрь</option>    
    </select></div></td><td> </td></tr><tr><td><i>День</i></td>    
    <td><div align="right"><input name="bd" value="День" size="3" onclick='value=""' type="text"></div></td></tr><tr>    
    <td><input value="Расчет" onclick="signs()" type="button"></td><td><hr></td></tr>    
    <tr><td><i>Знак Зодиака:</i></td>    
    <td><div align="right"><input name="sign" size="10" value="" align="right" type="text"></div></td></tr><tr></tr><tr><td><i>Год Зодиака:</i></td>    
    <td><div align="right"><input name="csign" size="10" type="text" id="siF4"></div></td>    
    </tr></tbody></table></center></form>