JSFiddle - React, Tailwind, and code Playground
by Nayana Das
HTML
<form class="form-horizontal" id="databaseform_ReportingTable_4512" role="form" style="display: block;"> <div class="form-group"> <label class="col-lg-4 col-md-3 control-label">Database Type</label> <div class="col-lg-8 col-md-9"> <select class="form-control" id="type"> <option>MYSQL</option> <option>ORACLE</option> <option>POSTGRESS</option> </select> </div> </div> <div class="form-group"> <label class="col-lg-4 col-md-3 control-label">Connection IP</label> <div class="col-lg-8 col-md-9"> <input type="text" class="form-control form-cascade-control" id="ip" placeholder="ipAddress" value="10.30.60.225"> </div> </div><div class="form-group"> <label class="col-lg-4 col-md-3 control-label">Schema</label> <div class="col-lg-8 col-md-9"> <input type="text" class="form-control form-cascade-control" id="schema" placeholder="schema" value="AD2R"> </div> </div> <div class="form-group"> <label class="col-lg-4 col-md-3 control-label">Username</label> <div class="col-lg-8 col-md-9"> <input type="text" class="form-control form-cascade-control" id="userName" placeholder="Username" value="is2iotm"> </div> </div> <div class="form-group"> <label class="col-lg-4 col-md-3 control-label">Password</label> <div class="col-lg-8 col-md-9"> <input type="password" class="form-control form-cascade-control" id="password" placeholder="Password" value="amma123"> </div> </div> </form>JavaScript
var type = $('#databaseform_ReportingTable_4512 input#schema').val();
alert(type);