Selecionando item dentro de um select

Neste post, mostraremos como selecionar, capturar o valor de um item do selectbox ou todos os itens selecionados ou não.

HTML:
<select id="sel" multiple="multiple" onchange="seleciona()">
  <option>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
</select>

Agora a função javascript que percorre os itens do selectbox:

function seleciona(){
        var x = document.getElementById('sel').selectedIndex;
        var index = document.getElementsByTagName("option")[x].value;
        if(index == 0){
       
        selectAll(document.getElementById('sel'), true);
        }
        alert(document.getElementsByTagName("option")[x].value);
        }

Função que seleciona os itens:
function selectAll(selectBox,selectAll) {
    //o id do select passado
    if (typeof selectBox == "string") {
        selectBox = document.getElementById(selectBox);
    }
    // é um selectbox múltiplo
    if (selectBox.type == "select-multiple") {
        for (var i = 0; i < selectBox.options.length; i++) {
             selectBox.options[i].selected = selectAll;
        }
    }
}