Como adicionar Item a componente texto

Front-end
, ,
#1

gente, boa tarde.
tenho uma situação que não sei que tipo de componente é esse. eu já vi sendo utilizado em relatórios mas n sei como fazer.

a ideia é a seguinte.
tenho uma tela que gera um relatório, nela possui um componente lista que possui todos os filtros possíveis.
logo em seguida tem um botão que adiciona o filtro selecionado em um componente texto.
nessa componente texto vai ficar os filtros que o usuário escolheu. e nessa filtro vai poder ser excluido pelo usuário.
ficou confuso essa explicação. eu sei.
se alguém tiver algum exemplo desse tipo de componente por favor me manda.
cleitonesc3@gmail.com

#2

eu quero algo mais ou menos assim.só que eu quero que cada item adicionar tenha um X onde eu poderá exluir o regitro.

Fruits //Array que guarda a ordem em que os elementos foram inseridos var listCheckedOptions = []; 
  function addToList(checkObj, outputObjID)
  {
    //Remove do array caso o elemento já esteja inserido
    if (listCheckedOptions.indexOf(checkObj.value) >= 0) {
      listCheckedOptions.splice(listCheckedOptions.indexOf(checkObj.value), 1);
    } else { //Adiciona casojá esteja inserido
      listCheckedOptions.push(checkObj.value);
    }

// alert(listCheckedOptions); //debug para verificar os elementos inseridos
document.getElementById(outputObjID).value = “”; //Limpa o textarea
document.getElementById(outputObjID).value = listCheckedOptions.join(’\r\n’); //Adiciona no textarea

    return;
  }
</script>
Oranges
Apples
Grapes