JSFiddle - React, Tailwind, and code Playground

HTML

<select name="program1" class="floatCtrl" id="cName" required="required" onchange="document.getElementById('program1_text').value=this.options[this.selectedIndex].value,document.getElementById('program2_text').value=this.options[this.selectedIndex].deneme">
    <option value="" selected>  </option>
    <option deneme="2" value="1">  Break Dancing 7/2/2013 $40.00</option>
    <option deneme="3" value="2">  Guitar 7/10/2013 $40.00</option>
    <option deneme="6" value="3">  Drums 7/12/2013 $40.00</option>
    <option deneme="4" value="4">  Drawing 6/19/2013 $78.00</option>
    <option deneme="5" value="5">  Watercolor Painting 6/19/2013 $78.00</option>
    <option deneme="8" value="6">  Kids Art 8/7/2013 $30.00</option>                                             
</select><br>

<input type="text" name="program1_text" id="program1_text" value="" /><br>
<input type="text" name="program2_text" id="program2_text" value="" />