JSFiddle - React, Tailwind, and code Playground

HTML

<form name="serverform" action="" method="get">
    <div id="content">
        <div id="mySelect1">
            <select name="cpu">
               <option>Select Product</option>
               <option value="100">Intel Xeon X3440 2.53GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W</option>
               <option value="120">Intel Xeon X3450 2.66GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W</option>
                <option value="140">Intel Xeon X3460 2.8GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W</option>
                    <option value="160">Intel Xeon X3470 2.93GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W</option>
            </select>
        </div>
    </div>
    <input type="button" name="button" value="Click" onclick="testResults(this.form)" />
</form>
<span id="total"></span>

<script type="text/javascript">
function testResults(serverform) {
    var cpu = serverform.cpu.selectedIndex;
    total.innerHTML = cpu;
}
</script>