i would like to filter a table input in the column of type when i choose interger or decimal in the column of type the following columns should appear Name label unit and the part of category should automatically be non categorical and when I choose the other others in the column of type all columns should appear apart from the unit column.
<div class="row">
<table class="table table-bordered table-striped table-highlight">
<thead>
<th>Type*</th>
<th>Name*</th>
<th>Label*</th>
<th>Unit*</th>
<th>Category*</th>
<th>List_name*</th>
<th>Variable_name*</th>
<th>choice_label*</th>
<th> </th>
</thead>
<tbody>
<form id="variable"action="#filter" >
<tr>
<td>
<select id="type" name="type" class="form-control">
<option>integer</option>
<option>decimal</option>
<option>text</option>
<option>select_one</option>
<option>select_multiple</option>
<option>barcode</option>
<option>image</option>
<option>date</option>
<option>string</option>
<option>geo_point</option>
</select>
</td>
<td>
<input type="text" id="name" name="name" class="form-control" value="" />
</td>
<td>
<input type="text" id="label"name="label" class="form-control" value="" />
</td>
<td>
<select id="unit"name="unit"class="form-control">
<option>cm</option>
<option>cm2</option>
<option>cm3</option>
<option>mm</option>
<option>mm2</option>
<option>mm3</option>
<option>m</option>
<option>m2</option>
<option>m3</option>
<option>area</option>
<option>ha</option>
<option>acre</option>
</select>
</td>
<td>
<select id="category" name="category" class="form-control">
<option>Categorical</option>
<option>non_categorical</option>
</select>
</td>
<td>
<input type="text" id="list_name" name="list" class="form-control" value="" />
</td>
<td>
<input type="text" id="variable_name" name="variable"class="form-control" value="" />
</td>
<td>
<input type="text"id="choice_list"name="choice" class="form-control" value="" />
</td>
<td>
<button type="button" class="btn btn-secondary btn-block" onclick="addVariable()">Add</button>
</td>
</tr>
</form>
</tbody>
</table>
</div>
