内容从divs到textarea

2018-06-02 21:01:30

我想将具有特定类的所有div的文本传输到同一页面上的textarea。

我怎样才能做到这一点？

例如：

< div class="test1" > Example1 < /div >
< div class="test2" > Example2 < /div >
< div class="test1" > Example3 < /div >
< div class="test3" > Example4 < /div >

我想转移div class test1的内容，并在textarea中显示“Example1”和“Example3”。

请任何帮助！ JavaScript或PHP

约翰

使用jQuery可以轻松完成这个任务：

var newTextVal = "";
$('.text1').each(
    function()
    {
       newTextVal += $(this).text();
    }
);
 $('textarea').val( newTextVal );

这将通过类“text1”中的每个元素进行循环，并将其文本节点值附加到textarea中的文本。

如果你正在寻找纯粹的JavaScript，这将工作 - 虽然这样的事情很容易在像jQuery这样的框架中处理：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <script type="text/javascript">

        function CopyDivsToTextArea()
        {
            var divs = document.getElementsByTagName("div");
            var textToTransfer = "";
            var pattern = new RegExp("test1");

           for(var i=0;i<divs.length;i++)
            {
            if(pattern.test(divs[i].className))
                {
                   textToTransfer += (divs[i].innerText || divs[i].textContent);
                }
             }
         document.getElementById("ta").value = textToTransfer;
        }

    </script>
</head>
<body>
<div class="test1" > Example1 </div >
<div class="test2" > Example2 </div >
<div class="test1" > Example3 </div >
<div class="test3" > Example4 </div >
<br />
<textarea id="ta" cols="50" rows="20"></textarea>
<br />
<input type="button" id="btn" value="Button" onclick="CopyDivsToTextArea();" />
</body>
</html>

我建议使用div的“id”属性而不是class。基本上，您需要编写一个使用GetElementById（）或GetElementByObject（）的JavaScript函数。

然后定义一个按钮，调用该函数将div的id和textarea的id传递给它。最后，将textarea对象的值设置为div对象的值。

编辑：这是该功能。

<script type="text/javascript">
function copyValues(idFrom, idTo) {
    var objFrom = document.getElementById(idFrom);
    var objTo = document.getElementById(idTo);

    objTo.value = objFrom.value
}
</script>

在你想要触发的事件上：

copyValues("div1", "textarea1");
copyValues("div2", "textarea2");
copyValues("div3", "textarea3");

链接地址: http://www.djcxy.com/p/10177.html

上一篇: content from divs into textarea

下一篇: is PHP str