Estoy trabajando con un Select y necesito que al seleccionar una opción se me habilite otro select que tengo que esta disabled
intente lo siguiente pero no me funciono.
<div>
<select id="lead_source" class="form-control" title="Fuente de plomo / Fonte de chumbo" name="leadsource">
<option selected="selected" value="Walk in">Walk in</option>
<option value="Social_Media" onclick="muestra_oculta();" >Social Media</option>
<option value="Phone Inquiry">Phone Inquiry</option>
<option value="Event">Event</option>
</select>
</div>
<div >
<select id="Campaign_Source__c" class="form-control" name="Campaign_Source__c" disabled>
<option selected disabled >Selecione</option>
<option value="Facebook">Facebook</option>
<option value="Instagram">Instagram</option>
<option value="LinkedIn ">LinkedIn </option>
<option value="YouTube ">YouTube </option>
</select>
</div>
<script>
let ee = document.getElementById('lead_source');
ee.addEventListener("change", function(){
if (ee.value.toUpperCase() == 'Social_Media') {
document.getElementById('Campaign_Source__c').disabled = false;
}else {
document.getElementById('Campaign_Source__c').disabled = true;
}
});