I would like to disable textarea if the select is false, and enable if the select is true. I was trying to do it for the DOM, but I did not succeed, here is the code I have, if anyone can help me.
<div class="row">
<div class="col-sm-12 col-lg-6">
<div class="form-group">
<label>Banner Ad:</label> <i class="fa fa-info-circle" data-toggle="tooltip" title="Enable or disable Banner Ad"></i>
<select name="controls" class="form-control">
<option <?php if($list_settings['controls'] == 'true') echo 'selected' ?> value="true">Enabled</option>
<option <?php if($list_settings['controls'] == 'false') echo 'selected' ?> value="false">Disabled</option>
</select>
</div>
</div>
<div class="col-sm-12 col-lg-12">
<div class="form-group">
<label>Ad Code:</label> <i class="fa fa-info-circle" data-toggle="tooltip" title="Enter your ad code here"></i>
<textarea name="banner_ad_code" class="form-control" value=""></textarea>
</div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="form-group">
<button type="submit" name="upgrade" class="btn btn-primary btn-sm">Save Settings</button>
</div>
</div>
</div>