[DÚVIDA JAVASCRIPT] Inserir conteudo javascript dentro de <select>

8 respostas
T

Ahh, melhorando a pergunta …

Tenho um script numa página html que modifica uma variavel.

Preciso colocar essa variavel dentro de um num form html.

Como eu faço isso ?

<script>
var option = "<option value='1'>1</option>
</script>

<select name="nome">/*aqui*/</select>

8 Respostas

W

http://www.w3schools.com/jsref/dom_obj_select.asp

T

Fuçei nesse site ai, tentei todos “try it yourself” e não vi como adicionar option dinamicamente

W

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_select_add

E

Ask Google:
[google]http://www.google.com/search?q=adicionar+option+em+select+javascript&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pt-BR:official&client=firefox-a[/google]

Google answers:
http://www.mredkj.com/tutorials/tutorial005.html

:arrow:

T

Vixi, ainda estou com problemas … não sei se altera algo

mas o meu já está populado

String option = "";

for(int i=1;i<10;i++){

option = option + "<option value='"+i+"'>"+i+"</option>";
}

//aqui preciso mandar pra dentro do select
T
<script>
cartoes=[];

cartoes[1]='10';
cartoes[2]='20';
cartoes[3]='30';

]function loadCartao() {
			
			var cartao = $('#cboCartao').val();	
			
			var parcelas = cartoes[cartao];			
			
			var sel = $("#parcelas").val();
			
			var options = "";
			
			for (i = 1; i <= parcelas; i++) {
				options = options + "<option value=" + i + ">" + i + "</option>";
			}
			
			$("#parcelas").html(options);
			
			$("#parcelas").val(sel);
		}

</script>

<form action=''>

<select name="cboCartao" id="cboCartao" onChange="loadCartao()">

<option value="1">um</option>
<option value="2">dois</option>
<option value="3">tres</option>

</select>

<select name="parcelas"></select>

</form>

Esse código faz o que eu quero ... só que nao estou conseguindo implementar na minha app ...

o que esses códigos $('#...') fazem ??

S

Isso aí é jquery e é extremamente recomendado que use.

Se não quiser, você deve fazer algo como document.getElementById(“meuSelect”).appendChild(objOption);

K
tsalsicha:
<script>
cartoes=[];

cartoes[1]='10';
cartoes[2]='20';
cartoes[3]='30';

]function loadCartao() {
			
			var cartao = $('#cboCartao').val();	
			
			var parcelas = cartoes[cartao];			
			
			var sel = $("#parcelas").val();
			
			var options = "";
			
			for (i = 1; i <= parcelas; i++) {
				options = options + "<option value=" + i + ">" + i + "</option>";
			}
			
			$("#parcelas").html(options);
			
			$("#parcelas").val(sel);
		}

</script>

<form action=''>

<select name="cboCartao" id="cboCartao" onChange="loadCartao()">

<option value="1">um</option>
<option value="2">dois</option>
<option value="3">tres</option>

</select>

<select name="parcelas"></select>

</form>

Esse código faz o que eu quero ... só que nao estou conseguindo implementar na minha app ...

o que esses códigos $('#...') fazem ??

Esses são os Seletores do Jquery.
Da uma estudada em Jquery é muito util e facil de usar

Criado 12 de abril de 2011
Ultima resposta 26 de mai. de 2011
Respostas 8
Participantes 5