Javascript 在按钮上单击将

文本复制到输入框 我对这篇课文有一个看法：

<p>01A001-Z03-71021</p>

我有一个按钮：

<a href="#" class="btn btn-secondary2">Add to Cart</a>

我没有这个输入框：

<input class="" placeholder="" data-role="tagsinput" id="cart" value="">

如何使用JS在按下按钮时复制输入框中的文本

谢谢

<script>
  var handler = function(event) {
    document.getElementById('cart').value = event.target.innerText;
  }
</script>

<a href="#" class="btn btn-secondary2" onclick="handler(event)">Add to Cart</a>
<input class="" placeholder="" data-role="tagsinput" id="cart" value="">

下面是一个仅使用html代码的示例

   $(document).on("click",".btn-secondary2",function(event){
       $("input").val($("p").text());
   });

下面是一个示例，我在元素上设置ID以进行正确的调用

---

您可以使用javascript的onclick和innerHtml函数

HTML

---

您需要为段落和按钮分配一个唯一的ID才能使用下面的方法。这是JSFIDLE

---

或者使用addEventListener函数尝试以下操作：

var element = document.getElementById('button');
element.addEventListener('click', function() {
    var paragraph = document.getElementById("paragraph")
    ,   cart      = document.getElementById("cart");
    cart.value = paragraph.innerHTML;
});

---

您的解决方案使用的是Jquery而不是javascript。另外请注意，如果您使用的是IE<9，那么您应该使用element.attachEvent'onclick'，函数{/*…*/}；相反，谢谢大家，工作很好。

function copyValue() {
    var valueToCopy = document.getElementById("textValue").innerHTML";
    var elem = document.getElementById("mytext");
    elem.value = valueToCopy;
}

function getText() {
    var inp = document.getElementById("text").innerHTML;
    document.getElementById("cart").value = inp;
}

document.getElementById("button").addEventListener("click", function() {
    console.log("run");
    getText();

});

var element = document.getElementById('button');
element.addEventListener('click', function() {
    var paragraph = document.getElementById("paragraph")
    ,   cart      = document.getElementById("cart");
    cart.value = paragraph.innerHTML;
});