JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<script src="http://daffl.github.io/jquery.dform/release/jquery.dform-1.1.0.js"></script>
<form id="testSuiteConditions_preConditions_form">
    <div>
        <label>ConditionsOnFail</label>
        <select name="ConditionsOnFail" id="testSuiteConditions_preConditions_conditionsOnFail">
            <option selected="" value="NONE">NONE</option>
            <option value="ABORT_TEST_CASE">ABORT_TEST_CASE</option>
            <option value="ABORT_SCRIPT">ABORT_SCRIPT</option>
        </select>
        <div class="clear"></div>
        <label>ExecutionMode</label>
        <select name="ExecutionMode" id="testSuiteConditions_preConditions_executionMode">
            <option selected="" value="SEQUENTIAL">SEQUENTIAL</option>
            <option value="PARALLEL">PARALLEL</option>
        </select>
        <div class="clear"></div>
        <label>SummaryReportRequired</label>
        <select name="SummaryReportRequired" id="testSuiteConditions_preConditions_summaryReportRequired">
            <option value="true">true</option>
            <option selected="" value="false">false</option>
        </select>
    </div>
    <div class="clear"></div>
</form>

JavaScript

// register jQuery extension
jQuery.extend(jQuery.expr[':'], {
    focusable: function (el, index, selector) {
        return $(el).is('a, button, :input, [tabindex]');
    }
});

$(document).on('keypress', 'input,select', function (e) {
    if (e.which == 13) {
        e.preventDefault();
        // Get all focusable elements on the page
        var $canfocus = $(':focusable');
        var index = $canfocus.index(document.activeElement) + 1;
        if (index >= $canfocus.length) index = 0;
        $canfocus.eq(index).focus();
    }
});