Javascript 如何通过单击将id文本放入文本框中？

我希望当我点击

id

时，它会在

id=arxidia

中发送我的值，当我再次点击mounoxilo时，它会将其删除

<div class="poutsa" id="mounoxilo1" value="vizia1">etsi1</div>
<div class="poutsa" id="mounoxilo2" value="vizia2">etsi2</div>
<div class="poutsa" id="mounoxilo3" value="vizia3">etsi3</div>
<div class="poutsa" id="mounoxilo4" value="vizia4">etsi4</div>

<input type="text" id="arxidia">

etsi1
etsi2
etsi3
etsi4

使用jquery

jQuery("#mounoxilo").click(function(){
    if(jQuery("#arxidia").val() == "") {
        jQuery("#arxidia").val(jQuery("#mounoxilo").attr("value"));
    } else {
        jQuery("#arxidia").val("");
    }
}

不使用jQuery：

document.getElementById('mounoxilo').onclick = function(e) {
    var inputEl = document.getElementById('arxidia');
    if(inputEl.value) {
        inputEl.value = "";
    } else {
        inputEl.value = this.getAttribute('value');
    }
}

编辑1

JSFiddle：

对于已编辑的问题，如下所示：

var divEls = document.getElementsByClassName('poutsa');

for(var i = 0; i < divEls.length; i++) {

    divEl = divEls[i];

    divEl.onclick = function(e) {
        var inputEl = document.getElementById('arxidia');
        if(inputEl.value == this.getAttribute('value')) {
            inputEl.value = "";
        } else {
            inputEl.value = this.getAttribute('value');
        }
    }

}

var divEls=document.getElementsByClassName（'poutsa'）；
对于（变量i=0；i

JSFiddle：

编辑2

---

显然，输入应该能够保存多个值，因此我提出了这样一个问题：

不确定您在问什么？什么是mounoxilo和arxidia？向我们展示您尝试过的操作。当单击id mounoxilo时，将值发送到textboxsst esu mipos kseris pos na到kanw？好的，这是正确的答案！如果我不是用mounoxilo而是一个id？如果我有更多id，我会改变我的问题，如何使它工作？我更新了我的答案，使它适用于所有元素，类“poutsa”非常好，但当我点击另一个值时，值消失了。我认为这是你的意图。我再次更新了小提琴（），这是你想要的吗？