My current setup includes a multiple select box as shown below
<select multiple name="transActionGroup" id="transActionGroup" ng-multiple="true" ng-model="transActionGroup" title="Hold CTRL to select more than one transaction type.">
<option value="None">None</option>
<option value="Custom Group">Custom Group</option>
<option value="ACH Credits">ACH Credits</option>
<option value="ACH Debits">ACH Debits</option>
</select>
What I aim to achieve is to display a hidden <tr>
element only when the user chooses 'Custom Group' from the select box above
This is the <tr>
element in question
<tr id="custTransGrp" ng-if="transActionGroup === 'Custom Group'">
<td class="label-cell"> * Custom Group(s) : </td>
<td>
<input type="text" ng-model="customTransActionGroup" name="customTransActionGroup" id="customTransActionGroup" />
</td>
</tr>
I attempted to use
ng-if="transActionGroup === 'Custom Group'"
to make this work, but unfortunately, it did not have the desired effect