[Resolvido] Gerar listbox dinamicamente

Amigos,

Fiz uma busca rápida no forum mas não consegui encontrar o que preciso, talvez por não saber como procurar.

Tenho uma tabela de cursos e nesta tabela informo se haverá avaliações, nos seguintes critérios:

1: Sim, obrigatória

2: Sim, opcional

3: Não

Listo os cursos em um List e ao selecionar ele deverá carregar outro com a seguinte característica:

Caso o curso tenha avaliação 1 ele deverá criar o conteúdo do list box com os números de 1 a 3, caso a avaliação seja 2 ele irá mostrar de 0 a 3 e caso seja 3 não irá mostrar o list.

Consegui resolver o problema nos códigos 2 e 3 mas quando é 1 fica um campo em branco e os números de 1 a 3 em baixo. Como imagem a seguir:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.mdoria.com.br/temp/avaliacoes-cod1.jpg&key=51ba4e575f5945f6ee84dd884319d07935068e0a87558c778220d67bbccbf1c8" alt="Imagem Postada" />

Notem que o primeiro ítem está vazio.

O código que gera o list é o seguinte:

function handleHttpResponseVAP(){
	campo_select = document.form1.avaliacoesPre;
	if (http.readyState == 4) {
 campo_select.options.length = 0;
 results = http.responseText;
 if (results == 1) {
 document.getElementById('tdAP1').style.display = "inline";
 document.getElementById('tdAP2').style.display = "inline";
 document.getElementById('txAP').innerHTML = 'Preenchimento Obrigatório';
 for( i = 1; i < 4; i++ ){
 campo_select.options[i] = new Option( i, i );
 }
 } else if (results == 2) {
 document.getElementById('tdAP1').style.display = "inline";
 document.getElementById('tdAP2').style.display = "inline";
 document.getElementById('txAP').innerHTML = 'Preenchimento Opcional';
 for( i = 0; i < 4; i++ ){
 campo_select.options[i] = new Option( i, i );
 }
 } else if (results == 3) {
 document.getElementById('tdAP1').style.display = "none";
 document.getElementById('tdAP2').style.display = "none";
 }
	}
}

Alguem pode me ajudar??? Já tentei o que minha imaginação permitiu.