javascript - 你能给出链接数值并将几个加在一起吗

Question

我正在尝试提供几个链接数值，这些数值可以在 ondrop 事件后加在一起。我制作了 4 个这样的下拉菜单按钮：

    <div class="dropdown">
  <button class="dropbtn"> Group  1 </button>
  <div class="dropdown-content">
    <a href="#" target="_blank" draggable="true" id="drag1" ondragstart="drag(event)"> Link 1 </a>
    <a href="#" target="_blank" draggable="true" id="drag2" ondragstart="drag(event)"> Link 2 </a> 
    <a href="#" target="_blank" draggable="true" id="drag3" ondragstart="drag(event)"> Link 3 </a> 
  </div>
</div>

我还制作了 8 个这样的 div，链接应该被删除：

<div class="element-box element1" ondrop="drop(event)" id="box1" ondragover="allowDrop(event)">

  </div>

我设法使用此 js 代码使链接可放入框中：

function allowDrop(ev) {
 ev.preventDefault();
}

function drag(ev) {
 ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
 ev.preventDefault();
 var data = ev.dataTransfer.getData("text");
 ev.target.appendChild(document.getElementById(data));
 document.getElementById("dvalue").innerHTML = "test"; 
}

但问题是，我无法思考如何将数值添加到不同的链接，这些链接应该在一个链接放入我制作的 8 个盒子中的每一个后添加在一起。几天来，我一直试图找到解决问题的方法，但找不到任何可以帮助我的方法。谁能帮助我，因为我不知道从哪里开始？

标签： javascripthtml