Tenho um programa simples, que pega o valor de uma caixa de texto id1
e após pressionado o botão OK joga esse texto (função Enviar1
) para uma outra caixa de texto id2
. O que eu preciso fazer é eliminar essa id2
e mostrar o texto em itens.
function Enviar1() {
var valor = document.getElementById('id1').value;
document.getElementById('id2').value = valor;
}
<input id="id1" type="text" />
<input id="id2" type="text" />
<input id="botao" type="button" value="Ok" onclick="Enviar1()">
Gostaria de cada vez que digitar um texto em id1
e pressionar OK, ele fosse criando novos itens, sem apagar o primeiro, para criar itens um embaixo do outro.
Agradeço pela ajuda! :)
....
Já atualizando o conteúdo com a ajuda dos colegas... só pra ficar mais claro, o que tenho até agora está assim. Gostaria de poder editar os itens já escritos e enviados agora, e até apagá-los se possível. Obrigado pela ajuda!! :D
Atualização com JS puro
Teste ServiceReportMaker
var menu_dropdown = document.getElementById("selecao");
menu_dropdown.addEventListener("change", function(){
var valor_selecionado = menu_dropdown.options[menu_dropdown.selectedIndex].value;
if(valor_selecionado == "personalizar"){
document.getElementById("div_personalizar").style.visibility= "";
} else {
document.getElementById("caixa1").value = valor_selecionado;
document.getElementById("div_personalizar").style.visibility = "hidden";
}
});
function Enviar1()
{
var ul = document.getElementById("itens");
var li = document.createElement("li");
var valor = document.getElementById('id1').value;
li.appendChild(document.createTextNode(valor));
ul.appendChild(li);
}
<select id="selecao">
<option value="" selected > Selecionar empresa </option>
<option value="1ª opção" >Primeira opção aqui</option>
<option value="2ª opção">Segunda opção aqui</option>
</select>
<input id="caixa1" type="text" />
<div id="div_personalizar" style="visibility: hidden;"></div>
<input type="text" id="id1" />
<input type="button" value="OK" onclick="Enviar1()" />
<ul id="itens"></ul>