Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Insert

Script para adicionar mais options num select.

Por , em Javascript

Recommended Posts

Insert    0

Insert
Postado

Pessoal tenho este codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><script language="JavaScript" type="text/javascript">function adiciona() {var nova_opcao = document.getElementById("nova_opcao").value;var tipo=document.getElementById('tipo');var nova_opcao_add = document.createElement('option');tipo.innerHTML = "<option value='"+nova_opcao+"'>"+nova_opcao+"</option>";}</script></head><body><form id="form1" name="form1" method="post">  <label>  <input name="nova_opcao" type="text" id="nova_opcao" /><input name="Add" type="button" onClick="adiciona()" />  <br />  <select name="tipo" id="tipo" style="width:200px">  </select>  </label></form></body></html>

Ele adiciona um option no select, só que tipo queria poder adicionar mais de um optipn se eu adiciono um e vou adicionar outro ele substitui o que ja tem.

 

Como posso fazer para tipo pegar todos os options que ja tem e adicionar o outro no final de todos?

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Coloca um '+', antes do '=' na linha que ele adiciona o option:

tipo.innerHTML += "<option value='"+nova_opcao+"'>"+nova_opcao+"</option>";

 

OK..!!?? T+...

 

PS: A forma mais adequada de manipular os nodes HTML é utilizando Javascript/DOM.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Insert    0

Insert
Postado

Voce diz com o document.createElement('option') ?Como posso fazer entao?Com o que voce me passou ja deu certo, mas tipo quando clico no select ele abre a fecha as opcoes rapidamente nao tem como selecionar uma opcao somente se eu clicar e ficar segurando ao deslizar o mouse ate a opcao, mas assim nao é convencional.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Insert    0

Insert
Postado

Boa VagnerQuem mais pode me ajudar eu agradeço!Mudei para:

<script language="JavaScript" type="text/javascript">function adiciona() {var nova_opcao = document.getElementById("nova_opcao").value;var tipo=document.getElementById('tipo');	//alert("valor: "+ valor +" obj: "+ objeto)	linha = document.createElement("OPTION");	tipo.appendChild(linha);	linha.value = nova_opcao;	linha.text = nova_opcao;}</script>
Mas continua o problema:Quando clico no select ele abre a fecha as opcoes rapidamente nao tem como selecionar uma opcao somente se eu clicar e ficar segurando ao deslizar o mouse ate a opcao, mas assim nao é convencional.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito