Javascript函数:如何引用调用函数的元素-并提取该元素的值

时间:2019-07-08 21:00:12

标签: javascript function getelementbyid this-keyword

我试图用每行一个按钮创建一个表,我想让每个按钮复制并粘贴按钮本身的值到所需字段。 我的问题是我没有将texttocopy用作<input button value="">

copypaste(id) {
   var texttocopy = document.getElementById(this);
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}

我对此进行了其他尝试,但查找语法却没有结果。

function copypaste(id) {
   var texttocopy = this;
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}

texttocopy是任何调用该函数的值。

html位于php内,因此是的原因。连接器以及“和”的切换。

按钮在哪里:     php echo '<input TYPE="BUTTON" id="barcodebutton" value ="'.$row['barcode1'].'" onclick="copypaste('."'primaryRFID'".');">'

字段,用于将数据输入到:     html <INPUT TYPE="TEXT" id="primaryRFID" NAME="primaryRFID">

预期结果是primaryRFID的输入成为按下按钮的值。

1 个答案:

答案 0 :(得分:1)

当您从onclick属性内部调用函数时,将在没有任何this绑定的情况下调用该函数。但是,this 在执行onclick代码本身时绑定的,因此您可以将其作为常规参数传递:

onclick="copypaste(this, '."'primaryRFID'".');"

现在通过函数参数获取该参数值:

function copypaste(texttocopy, id) {
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}