eu normalmente pesquiso e não perturbo a paciência dos membros aqui, mas dessa vez preciso especificadamente de um exemplo. Veja:
<!DOCTYPE html>
<html>
<body>
<select id="lista" size="4">
<option value="A">01</option>
<option value="B">02</option>
<option value="C">03</option>
<option value="D">04</option>
<option value="E">05</option>
<option value="F">06</option>
<option value="G">07</option>
<option value="H">08</option>
<option value="I">09</option>
<option value="J">10</option>
<option value="k">11</option>
<option value="L">12</option>
</select>
<button onclick="somar()">Carregar Mais</button>
</body>
<script>
somar = function() {
var A = document.getElementById('lista');
var B = A.getElementsByTagName('option');
var C = B.length;
B.size = C;
}
</script>
</html>
Note que estou iniciando o elemento select
com tamanho[size
] de 4 items amostra, mas, o que pretendo é algo dinâmico - auto ajuste da altura do select
conforme a quantidade de option
. Por isso que na função do exemplo estou tentando percorrer os ítems pelo método documentgetElementsByTagName('option')
. Na minha visão, achei que isso poderia ser a solução para um incremento à definir a propriedade size
.
RESUMO - Dar jeito para definir automaticamente a propriedade
size
do elemento HTML [select
] sem interveção humana, deixar a tarefa toda pro "script" ajustar para tamanho real. A idéia é de que não apresente a barra de rolagem vertical