JavaScript - No me funciona el atributo disable con Select

Estimados amigos,

He probado varias formas de activar y desactivar un select. Sin embargo, solo consigo desactivarlos pero no activarlos. El código es muy sencillo, al presionar un botón se activa una función en Javascript que habilita varios campos entre los cuales está dos select.

Aquí va el código HTML

<div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-6">
<label>Nacionalidad (*)</label>
<select id="nacionalidad" name="nacionalidad" class="form-control selectpicker" data-live-search="true" required disabled="TRUE">
<option value="VENEZUELA" selected>VENEZUELA</option>
<option value="COLOMBIA">COLOMBIA</option>
<option value="PERÚ">PERÚ</option>
<option value="BRASIL">BRASIL</option>
<option value="ARGENTINA">ARGENTINA</option>
<option value="CHILE">CHILE</option>
<option value="EEUU">EEUU</option>
<option value="OTRO">OTRO</option>
</select>

</div>

El código en Javascript

function editarform()
{
//$('#nacionalidad').removeAttr("disabled");
document.getElementById('tipo_doc').disabled=false;

}

Cuando presiono el botón no activa los select...alguien me podrá dar una manito???

Si quieres deshabilitar y habilitar el select cuando le das al botón este es el código:

<script>
function myFunction() {

if(document.getElementById('nacionalidad').disabled==false){
document.getElementById('nacionalidad').disabled=true;
}
else{
document.getElementById('nacionalidad').disabled=false;
}
}

</script>

<div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-6">
<label>Nacionalidad (*)</label>
<select id="nacionalidad" name="nacionalidad" class="form-control selectpicker" disabled>
<option value="VENEZUELA" selected>VENEZUELA</option>
<option value="COLOMBIA">COLOMBIA</option>
<option value="PERÚ">PERÚ</option>
<option value="BRASIL">BRASIL</option>
<option value="ARGENTINA">ARGENTINA</option>
<option value="CHILE">CHILE</option>
<option value="EEUU">EEUU</option>
<option value="OTRO">OTRO</option>
</select>
<input type="submit" id="habilitar" onclick="myFunction()">

Si solo quieres habilitar el select cuando le das al botón solo cambia el script a:
<script>
function myFunction() {


document.getElementById('nacionalidad').disabled=false;

}
</script>

Gracias Antonio por darte el tiempo por contestar, sigue SIN funcionar

Hola,

el problema es que el atributo disable no tiene un valor true/false propiamente dicho.
Simplemente si existe el atributo disabled entonces se intepreta como que se debe deshabilitar su elemento, independientemente de si es true o false.

La manera más correcta de crear una función es añadiendo o quitando dicho atributo. Basándome en tu código esto funciona correctamente:


Observa que se crea el elemento disabled sin necesidad de especificar true/false por lo dicho anteriormente,

Un saludo!

Corrijo un lapsus, para eliminar el atributo no hace falta añadir parámetros:


Un saludo!