Question

我有一个这样的文字：

<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来复制输入框中的文本。

感谢。

Answer 1

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

Answer 2

以下是JsFiddle使用您的html代码（仅限）

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

这是JsFiddle我在其中设置ID以进行正确调用

Answer 3

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

HTML

<p id='textValue'>01A001-Z03-71021</p>
<a href="#" class="btn btn-secondary2" onclick="copyValue()">Add to Cart</a>
<input id='mytext' class="" placeholder="" data-role="tagsinput" id="cart" value="">

JS

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

Answer 4

您需要为段落和按钮指定唯一ID以使用此方法。这是jsFiddle http://jsfiddle.net/yenvpkv6/

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

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

});

Answer 5

或尝试这样的事情（使用addEventListener函数）：

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

http://jsfiddle.net/totw2L6j/

在按钮上单击将<p>文本复制到输入框</p>

5 个答案: