如何通過點擊一個文本框中的ID文本？

-2

我希望當我點擊id它發送我的價值id=arxidia，當我再次點擊mounoxilo時，它會將其刪除。如何通過點擊一個文本框中的ID文本？

<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">

來源

2014-03-12 user3403416

不確定你在問什麼？什麼是mounoxilo和arxidia？ – hanleyhansen

它只是一個名字 – user3403416

告訴我們你試圖做的事情。 – hanleyhansen

使用jquery

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

來源

2014-03-12 15:48:51

不使用jQuery：

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

EDIT 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/

EDIT 2

Appearently，輸入應該能夠容納多個值，所以我想出了這個： http://jsfiddle.net/XwAY5/3/

來源

2014-03-12 15:53:00

好吧，這是正確的答案！如果我不想用mounoxilo，而是用id？ – user3403416

我改變了我的問題，如果我有更多的ID如何才能使它工作？ – user3403416

我更新了我的答案，以便它適用於班級'poutsa'的所有元素 –

如何通過點擊一個文本框中的ID文本？

回答

相關問題