JSFiddle - React, Tailwind, and code Playground

HTML

<select name="program1" class="floatCtrl" id="cName" required="required">
    <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="" />

JavaScript

$('#cName').on('keyup change', function () {
    var idStringg = $('option:selected', this).attr('value');
    $('#program1_text').val(idStringg);
});

$('#cName').on('keyup change', function () {
    var idString = $('option:selected', this).attr('deneme');
    $('#program2_text').val(idString);
});