Question

我有几个清单。利斯塔：物品1，项目2， ... 数组listB：物品1， ITEM2，

点击某个项目后，它会在搜索栏中显示为值。我需要将几项不同列表作为值添加到搜索栏中。就像现在一样，点击某个项目时，它只会将当前值替换为搜索栏。

所以我可以在搜索栏中找到：项目A1 itemB2 ...

以下是代码：

var items = document.getElementById("index");
var item = items.getElementsByTagName("h3");
for(var i=0; i<item.length; i++) {
  item[i].addEventListener("click", function(e) {
    document.getElementById("search").value = (this.textContent || this.innerText);
    recherche();
  });
}

如果有人可以帮助我，我将不胜感激！谢谢

Answer 1

我认为你想要这样的东西。

＆＃13;

var item = document.querySelectorAll("#index h3");
itemArr = [];
for(var i=0; i<item.length; i++) {
  item[i].addEventListener("click", function(e) {
     var itemVal =  (this.textContent || this.innerText);
     var index = itemArr.indexOf(itemVal);
     if(index == -1){
			  itemArr.push(itemVal);
     }else if (index > -1) {
        itemArr.splice(index, 1);
     }
     document.querySelector("#search").value = itemArr.join(",");
  });
}

function clearAll(){
  itemArr = [];
  document.querySelector("#search").value = "";
}

＆＃13;

h3{
  cursor:pointer;
}
.delete{
  cursor:pointer;
  color:red;
}

＆＃13;

<input type="text" id="search"> <span class="delete" onclick="clearAll()">X</span>
<div id ="index">
<h3>item A1</h3>
<h3>item A2</h3>
<h3>item B1</h3>
<h3>item B2</h3>
</div>

＆＃13;

在搜索栏中显示列表的多个项目

1 个答案: