JSFiddle - React, Tailwind, and code Playground

by Manoj kumar Lakshman

HTML

<select id="sizeBox">
    <option selected>Please Select</option>
    <option>HP to decide</option>
    <option lt="45" ht="40">45x40</option>
    <option lt="50" ht="20">50x20</option>
    <option lt="50" ht="30">50x30</option>
    <option lt="63" ht="30">63x30</option>
    <option lt="75" ht="40">75x40</option>
</select>
<div id="tarDiv" class="colorME" style="background-color:green;padding-top:50px;width:100px;height:100px;overflow:auto;">Change ME!!!</div>

JavaScript

$('#sizeBox').on('change', function () {
    // alert( $(this).html());
    var $this = $('Select option:selected');
    var length = $this.attr("lt");
    var height = $this.attr("ht");
    alert(length + ":" + height);
    $('#tarDiv').width(height);
    $('#tarDiv').height(length);
});