html,jquery写一个i文本框，可以传入多个值到另一个文本框，在该文本框可以点击x图标，x掉选中的项

可以使用以下代码实现：

HTML部分：

<input type="text" id="inputBox">
<div id="selectedItems"></div>

JavaScript部分：

//获取输入框和已选择项的元素
var inputBox = document.getElementById("inputBox");
var selectedItems = document.getElementById("selectedItems");

//为输入框添加keydown事件，按下回车将输入框的值添加到已选择项中
inputBox.addEventListener("keydown", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
var inputValue = inputBox.value.trim();
if (inputValue !== "") {
var newItem = document.createElement("span");
newItem.classList.add("selectedItem");
newItem.innerHTML = inputValue + "<i class='fa fa-times'></i>";
selectedItems.appendChild(newItem);
inputBox.value = "";
}
}
});

//为已选择项添加点击事件，点击x图标将该项从已选择项中删除
selectedItems.addEventListener("click", function(event) {
if (event.target && event.target.classList.contains("fa-times")) {
var selectedItem = event.target.parentElement;
selectedItems.removeChild(selectedItem);
}
});

//为x图标添加鼠标移入移出事件，改变样式
selectedItems.addEventListener("mouseover", function(event) {
if (event.target && event.target.classList.contains("fa-times")) {
event.target.parentElement.style.backgroundColor = "#eee";
}
});
selectedItems.addEventListener("mouseout", function(event) {
if (event.target && event.target.classList.contains("fa-times")) {
event.target.parentElement.style.backgroundColor = "#fff";
}
});