2013-09-27 25 views
1

场景: 我有一系列带有“title”类的textarea。 在同一个文档中,我有一个单独的类“setter”的textarea。JS - 将textarea的内容注入到共享类的多个文本区域中

我需要制作一个按钮,它将用单击按钮时具有类名“setter”的textarea的当前内容替换具有“title”类的所有textareas的内容。

任何想法将不胜感激。

谢谢!

+0

感谢您的回复。我不知道JS,所以我有点emabrassed向您展示马虎一段代码我从大约donzen不同岗位放在一起,但在这里它是: '的jQuery(函数($){ \t \t \t \t \t \t函数(){ \t \t \t \t \t \t \t \t \t \t \t \t \t \t变种名称=的document.getElementById( 'newalbum')VAL; \t \t \t \t \t \t \t \t \t \t \t \t \t \t document.getElementByClassName( '标题')VAL =标题。 \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t}; \t \t \t \t \t \t});' –

+0

如果你不知道JS,我会说,你应该通过学习jQuery的开始。这是一个为您抽象JavaScript代码的优秀框架。 http://www.jquery.com。 –

+0

谢谢,我在一周前开始在网上学习和练习,所以我仍遇到很多颠簸。这个网站帮助我得到一个有效的解决方案,然后我可以剖析以更好地理解它是如何工作的。 –

回答

1

下载并引用jQuery的

$("#MyButtonID").click(function() { 
    $(".title").val($(".setter").val()); 
}); 
2

使用jQuery来解决这样的

$("textarea[class='setter']").val("your text")); 

的问题,这应该是在BUTTOM的onclick

+0

这并未优化。 jQuery有一个类选择器,它是“。“operator –

+0

但是你得到的只有textarea才能找到这个类,我想textareas并不是很多 – Federico

+0

我明白你的意思了,我改变了答案 – Federico

2

我做了一个快速JS小提琴例子如何用纯粹的javascript做到这一点:

http://jsfiddle.net/Yazpj/883/

... 
    var doc = document, 
     theTitles = doc.querySelectorAll('.title'), 
     theValue = doc.getElementById('the-setter').value; 

    for(var i=0,titleLen=theTitles.length; i<titleLen; i++) { 

     theTitles[i].value = theValue; 

    } 
... 
+0

很酷....我不知道JSFiddle –

相关问题