Question

我希望当我点击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">

Answer 1

使用jquery

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

Answer 2

不使用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：http://jsfiddle.net/XwAY5/

对于编辑过的问题，它是这样的：

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');
        }
    }

}

JSFiddle：http://jsfiddle.net/XwAY5/2/

编辑2

显然，输入应该能够容纳多个值，所以我想出了这个：http://jsfiddle.net/XwAY5/3/

如何通过点击文本框中的id文本？

2 个答案: