Disable Textbox and Select Statement Vise Versa

See more:

Javascript

HTML

Hi!

I want to ask what javascript to use. Because I have two options for a certain field. One is a textbox the other is a select statement. I want the behavior of them to be: If user inputs text in the textbox the select option will be disabled, but when the user selects a value from the select statement the textbox and the text in the textbox will be disabled and removed.

<div class="form-group">
<label class="control-label col-sm-2">Event Location:</label>
<div class="col-sm-4">
  <?php 
If (!isset($_SESSION['EventLoc'])){
?>
	<input id="freetxt" type="text" name="LocOfEvent" class="form-control" size="48" value="<?php echo isset($_POST["LocOfEvent"]) ? $_POST["LocOfEvent"] : '';?>"/>
	<?php 
}
else{?>
	<input id="freetxt" type="text" name="LocOfEvent" class="form-control" size="48" value="<?php echo $_SESSION['EventLoc'];?>"/>
	<?php
}

if (isset($_POST['CheckOut']) || isset($_POST['ScanItem']) || isset($_POST['BrowseItem']))
{
	if($_POST['batchEvent'] == "")
	{
		echo "<font color='red'>*Location is Empty</font>";
		$error= true;
		$msg .= "Location is Empty\\n";
	}
}
?>
</div>
<label class="col-sm-1" align="center">-or-</label>
<div class="col-sm-5">
	<select id="options" class='form-control'>
		<option value=''>Select Location</option>
		<option value='1'>This is a test</option>
	</select>
</div>
</div>