Unable to delete the selected value in coral3 selection

In one of our component we are developing , we have a scenario selecting on the path browser we will get the child nodes and set these values into the selection field.

we have created a listener and on selection of the Path browser we will make a ajax an call and get all the child nodes of it and i am setting values in the selection filed.The problem is was unable to delete the only selected value it is appending to my child list.

var test2= $("[name='./childproperty']")[0];

var length = $(".coral3-SelectList-item").length;

if(length >0){

$(".coral3-SelectList-item").remove();

}

-.each(pathbrowserchildvalues, function(value,lang) {

$(test2).append('<coral-select-item>'+value.text+'</coral-select-item>);

});

note:- from ajax i am getting the values of "pathbrowserchildvalues".