内容从divs到textarea
我想将具有特定类的所有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