JSFiddle - React, Tailwind, and code Playground

by mark47

HTML

<div style="margin: 40px auto; width: 960px; border: 1px solid; padding: 40px">

    <div id="dxform">
        <div id='element-group-left' class='element-group'>
            <div class='formelement1'>
                <label>Level of Use:<br/>
                    <span class='notetitle'>(Current or Past) </span>
                <label>
            </div>

            <div class='formelement2'>
                <input id='ObjectArray__Assessment__0__Value1' class='span2 inputclass defined' type='text' placeholder='packs/day' style='width:22%'> 
                <input id='ObjectArray__Assessment__0__Value2' placeholder='years' class='span2 inputclass defined' type='text' style='width:21%'> or 
                <input id='ObjectArray__Assessment__0__Value3' placeholder='pack-years' class='span2 inputclass defined' type='text' style='width:22%'>
            </div>
        </div>
    </div>

</div>

JavaScript

$(document).ready(function () {
                var indexmatch;
                var selecteddiv;
                var thisid;
                var currentvalue;
                $("#dxform input").focusout(function(){  
                    thisid = $(this).attr('id'); //Simplified method for getting ID when focusout is triggered
                    currentvalue = $("#" + thisid).val();
                    var tempid = thisid;
                    alert(thisid + ' -- ' + currentvalue); // Outputs ID and value
                }); //click function
});