Ir para conteúdo

POWERED BY:

Arquivado

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

Kodhi

Adicionar e Remover de UM Combobox

Por , em Javascript

Recommended Posts

Kodhi    0

Kodhi
Postado

Bem amigos, vejams e algum de vocês, sabe como me ajudar.

 

<SELECT style="WIDTH: 176px" name=OBDataset__1066_1 id=OBDataset__1066_1>

<OPTION selected></OPTION>

</SELECT> <INPUT id="add" type=button value=+ name=add onClick="addoption(this.form)">

Eu tenho um combobox, com um botão de + do lado dele, preciso criar algo para que ao adicionar um item ao combobox, por exemplo TESTE1, no código HTML ele insira <Option>TESTE1</option>. O código que estou usando se eu dar um refresh ele zera tudo. Tem como?

 

<script>

function addoption(frm)

{

var sel1 =frm.OBDataset__1066_1

quant = sel1.options.length

for (var i =0;i <=quant;i++)

{

sel1.options =new Option("Aço"+i,"valor"+i)

}

}

</script>

To usando isso.

Tem jeito? Vlws gente

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Tenho este codigo, veja se te ajuda:

 

<script>
function AddItem(novo_item){

var select=document.getElementById("itens");
var options = select.getElementsByTagName("option");
var novo_select=document.createElement('option');
novo_select.text=novo_item;
novo_select.value=options.length+1;
var sel=select.options[select.length];
select.add(novo_select,select.length);
}
</script>

<form name="form">
<input type="text" name="add_item"> <input type="button" value="Adicionar" onclick="AddItem(document.form.add_item.value)">
<select name="itens">
<option value="1">Selecione</option>
<option value="2">Opção 1</option>
</select>
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Sim, se eh isto que você precisa:

 

<html>
<head>
<script type="text/javascript">
function insertBeforeSelected()
{
	var x=document.getElementById("mySelect"); //retorna o objeto select
	var options = x.getElementsByTagName("option"); //pega a lista de options do select
	
	if (x.selectedIndex>=0)
	{
		var y=document.createElement('option'); //cria um novo elemento option
		y.text='Kiwi'; //seta o texto do elemento option
		y.value=options.length; //seta o valor do elemento option
		var sel=x.options[x.selectedIndex];  //pega o indice selecionado do objeto select
		try
		{
			x.add(y,sel); // adiciona um novo option antes do indice selecionado para navegadores complacentes
		}
		catch(ex)
		{
			x.add(y,x.selectedIndex); // adiciona um novo option antes do indice selecionado para o IE
		}
	}
}

function removeOption()
{
	var x=document.getElementById("mySelect")
	x.remove(x.selectedIndex)
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option value="0">Maça</option>
  <option value="1">Melão</option>
  <option value="2">Banana</option>
  <option value="3">Laranja</option>
</select>
<input type="button" onclick="insertBeforeSelected()" value="Inserir option antes da seleção" />
<input type="button" onclick="removeOption()" value="Remover option selecionado">
</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kodhi    0

Kodhi
Postado

Andreia, agradeço muito mesmo sua ajuda, porem tem como me dar só uma pequena help? Tem como você fazer com este segundo Script como estava no primeiro? Pra ele adicionar no Combo o que estiver no INput? Eu sei que é coisa simples, mais não sei nda de java.

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Ok Kodhi, mas procure dar uma estudada para voce ir se familiarizando com javascript e assim conseguir criar ;). Vo deixar destacado as minhas alteraçoes pra você ver como eh simples:

 

<html>

<head>

<script type="text/javascript">

function insertBeforeSelected()

{

var x=document.getElementById("mySelect"); //retorna o objeto select

var options = x.getElementsByTagName("option"); //pega a lista de options do select

 

if (x.selectedIndex>=0)

{

var y=document.createElement('option'); //cria um novo elemento option

y.text=document.getElementById("campo").value; //seta o texto do elemento option

y.value=options.length; //seta o valor do elemento option

var sel=x.options[x.selectedIndex]; //pega o indice selecionado do objeto select

try

{

x.add(y,sel); // adiciona um novo option antes do indice selecionado para navegadores complacentes

}

catch(ex)

{

x.add(y,x.selectedIndex); // adiciona um novo option antes do indice selecionado para o IE

}

}

}

 

function removeOption()

{

var x=document.getElementById("mySelect")

x.remove(x.selectedIndex)

}

</script>

</head>

<body>

 

<form>

<input type="text" name="campo">

<select id="mySelect">

<option value="0">Maça</option>

<option value="1">Melão</option>

<option value="2">Banana</option>

<option value="3">Laranja</option>

</select>

<input type="button" onclick="insertBeforeSelected()" value="Inserir option antes da seleção" />

<input type="button" onclick="removeOption()" value="Remover option selecionado">

</form>

 

</body>

</html>

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