```html

```
```javascript
document.addEventListener('DOMContentLoaded', function () {

function handleCollegeChange() {

const collegeSelect = document.querySelector('#college-select');
const otherCollegeWrap = document.querySelector('#other-college-wrap');
const otherCollegeInput = document.querySelector('#other-college');

if (!collegeSelect || !otherCollegeWrap) return;

if (collegeSelect.value === 'Other') {
otherCollegeWrap.style.display = 'block';
otherCollegeInput.setAttribute('required', 'required');
} else {
otherCollegeWrap.style.display = 'none';
otherCollegeInput.removeAttribute('required');
otherCollegeInput.value = '';
}
}

document.addEventListener('change', function (event) {

if (event.target && event.target.id === 'college-select') {
handleCollegeChange();
}

});

handleCollegeChange();

});
```