时间戳

首页 > 解决方案 > 如何克隆 div 值以输入

javascript - 如何克隆 div 值以输入

问题描述

我需要通过单击按钮将值从“Div”复制到“输入”。

该函数正在复制整个 div html 值，与我需要的相反，我只想复制文本。

查看示例：https ://jsfiddle.net/fg79vypb/

$('#copy').on('click', function() {
      $('#message').val($('<div/>').append($('#whatsapp').clone()).html());
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <button id="copy">Get order on WhatsApp</button>
    <div id="whatsapp" style="    position: fixed;     width: 200px;     height: auto;     bottom: 40px;     right: 40px;     background-color: #e0ffe7;     border-radius: 10px; padding-left: 10px;     border-top-width: 10px;     padding-top: 10px;     padding-bottom: 10px;"><span class="simpleCart_total">R$ 18.00</span> (<span class="simpleCart_quantity" id="simpleCart_quantity">1</span> items)
     <br><br>
    <div class="simpleCart_items"><div class="cartHeaders"><div class="itemName">Name</div><div class="itemPrice">Price</div><div class="itemQuantity">Quantity</div><div class="item"></div></div><div class="itemContainer"><div class="itemName">Product name 1</div><div class="itemPrice">R$ 18.00</div><div class="itemQuantity">1</div><div class="item"> </div></div></div>
    <a class="simpleCart_empty" href="javascript:;">clean cart</a>
    <br><br>
    <a class="simpleCart_checkout" href="javascript:;">go to checkout</a></div>
    <input id="message" type="text" >

我只想获取文本值，并显示所有 html 代码。

标签： javascriptjqueryhtmlinput

解决方案

这段代码会做你想做的事。只需复制文本而不是 html 代码

$('#copy').on('click', function() { 
  $('#message').val($('#whatsapp').text());
});

推荐阅读