JSFiddle - React, Tailwind, and code Playground
HTML
<tr>
<td width="10%" class="label_right">Autorização Prévia: </td>
<td class="label_left">
<select id="ddl_autorizacaoprevia" size=4 >
<option value="0">TODAS AS AUTORIZAÇÕES</option>
<option value="T">TÉCNICA / ADMINISTRATIVA</option>
<option value="A">SISTÊMICA</option>
<option value="N">NÃO PRECISA</option>
</select>
</td>
</tr>
JavaScript
function qs(q) {
return document.querySelector(q);
}
function qsa(q) {
return document.querySelectorAll(q);
}
qs("#ddl_autorizacaoprevia option:first-child").onclick = function(){
var select = qs("#ddl_autorizacaoprevia");
var tamanho = select.length;
select.multiple=true;
select.focus();
for(var i=0;i<tamanho;i++){
select.options[i].selected=true
}
}