textarea içine divlere içerik

3 Cevap php

Sorun: Ben aynı sayfada textarea özel sınıf ile tüm div yıllardan metin aktarmak istiyorum. Ben nasıl yapabilirim, nasıl başlar?

örneğin:

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

I I would like to transfer content of div class test1 and in the textarea should show "Example1" and "Example3".

Any help, please! javascript or php

John

3 Cevap

Bu jQuery ile oldukça kolayca yapılabilir olacaktır:

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

Bu, yukarıda irade sınıf "text1" ile her eleman döngü ve ekleme textarea içindeki metne metin düğümü değer.

Eğer saf javascript arıyorsanız bu işe - bu gibi şeyler çok kolay jQuery gibi çerçeveler içinde ele olsa:

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

Ben yerine sınıf divlere için "id" özelliğini kullanarak öneririm. Temelde, getElementById () veya GetElementByObject () kullanan bir JavaScript işlevi yazmak gerekir.

Sonra o div ve textarea id id geçen bu fonksiyonu çağıran bir düğme tanımlamak. Son olarak, div nesnenin değerine textarea nesnenin değerini ayarlayın.

EDIT: İşte fonksiyon.

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

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

Olay bunu tetikledi istiyorum:

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

etiketler