Valor de Select Multiple

Pra pegar somente os <option> selecionados, você vai ter que iterar sobre o atributo "options" do select e checar pela propriedade "selected":

// Return an array of the selected opion values

// select is an HTML select element
function getSelectValues(select) {
 var result = [];
 var options = select && select.options;
 var opt;

 for (var i=0, iLen=options.length; i<iLen; i++) {
 opt = options[i];

 if (opt.selected) {
 result.push(opt.value || opt.text);
 }
 }
 return result;
}

	 

	[http://stackoverflow.com/questions/5866169/how-to-get-all-selected-values-of-a-multiple-select-box-using-javascript](http://stackoverflow.com/questions/5866169/how-to-get-all-selected-values-of-a-multiple-select-box-using-javascript)

@lucaswxp show cara, agora só estou com uma dúvida. Fiz um if para verificar quando um certo id for selecionado, ele abilitar um novo input. Quando seleciono só o id do if, ele funciona corretamente, porém quando seleciono o id do if mais um id qualquer, no caso selecionar 2 campos ao mesmo tempo, ele não aplica essa regra.

Segue o código

function getSelectValues(select) {
 var result = [];
 var options = select && select.options;
 var opt;

 for (var i=0, iLen=options.length; i<iLen; i++) {
 opt = options[i];

 if (opt.selected) {
 result.push(opt.value || opt.text);
 if(result == '2')
 {
 document.getElementById('agencia_bb').style.display = 'block';
 }else{
 document.getElementById('agencia_bb').style.display = 'none';
 }
 }
 }
 return result;
}

Luiz,

Isso acontece porque o seu loop não para quando ele encontra o ID desejado.

Tente colocar o break dentro do primeiro IF.

Fechoou. O font ficou assim:

Htlm

<form name="formulario">
 <select id="select" name="select[]" multiple="multiple" onclick="getSelectValues(select)">
 <option value="1"> tipo 1 </option>
 <option value="2"> tipo 2 </option>
 <option value="3"> tipo 3 </option>
 </select>
</form>

<input type="text" id="agencia_bb" style="display: none;" value="" >

	Javascript

function getSelectValues(select) {
 var result = [];
 var options = select && select.options;
 var opt;

 for (var i=0, iLen=options.length; i<iLen; i++) {
 opt = options[i];

 if (opt.selected) {
 result.push(opt.value || opt.text);
 if(opt.value == '2')
 {
 document.getElementById('agencia_bb').style.display = 'block';
 break;
 }
 else{
 document.getElementById('agencia_bb').style.display = 'none';
 }
 }
 }
 return result;
}

	Valeu @lucaswxp

Cara, surgiu algo a mais. Para estilizar o campo multiple select, eu utilizo uma classe do datepicker. Quando eu fui linkar essa classe no <select>, ele parou de funcionar, não retornando mais nenhum valor e não retorna nenhum log de erro console. Sabe o que pode ser? @lucaswxp