blocks|key|1666059|text|不能确切地确定您是否希望保留原始文本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1666060|演示：https://jsfiddle.net/EzkFR/6/|offset|length|1666061|$('#submit').click(function(){
+++$('#displayarea').val(++$('#area').text()+);+
+++$('#displayarea2').val(++$('#area2').text()+);+++
})|code-block|syntax|javascript|1666062|请注意，没有input+type="textarea"。它不是input+type="text"就是<textarea></textarea>|style|CODE|1666063|如果想要删除原始文本容器，请使用remove()|1666064|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/EzkFR/6/^0|0|3|T|0|0|0|6|L|V|H|1E|L|0|G|8|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|14|8|@$D|15|E|16|M|N]|$D|17|E|18|M|N]|$D|19|E|1A|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1B|8|@$D|1C|E|1D|M|N]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>Not exactly sure if you want original text left behind or not</p>
<p>Demo: <a href="https://jsfiddle.net/EzkFR/6/" rel="nofollow noreferrer">https://jsfiddle.net/EzkFR/6/</a></p>
<pre><code>$('#submit').click(function(){
   $('#displayarea').val(  $('#area').text() ); 
   $('#displayarea2').val(  $('#area2').text() );   
})
</code></pre>
<p>Note there is no <code>input type=&quot;textarea&quot;</code>. It is either <code>input type=&quot;text&quot;</code> or <code>&lt;textarea&gt;&lt;/textarea&gt;</code></p>
<p>If you want the original text containers gone, use <code>remove()</code></p>


blocks|key|2863657|text|尝试以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2863658|​$("#submit").click
++++(
++++++++function()
++++++++{
++++++++++++$("#displayarea").val($("#area").text());
++++++++++++$("#displayarea2").val($("#area2").text());
++++++++++++$("#area").html("");++++++++++++
++++++++++++$("#area2").html("");
++++++++}
++++++++);​​​​​​​|code-block|syntax|javascript|2863659|编辑:使用.text而不是.html，因为我们不想在输入字段中有任何标记。|offset|length|style|CODE|2863660|entityMap^0|0|0|5|5|D|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>Try this code:</p>

<pre><code>​$("#submit").click
    (
        function()
        {
            $("#displayarea").val($("#area").text());
            $("#displayarea2").val($("#area2").text());
            $("#area").html("");            
            $("#area2").html("");
        }
        );​​​​​​​
</code></pre>

<p>Edit: using <code>.text</code> instead of <code>.html</code> because we want not any tag inside an INPUT field.</p>


blocks|key|2951124|text|var+$texts+=+$('textarea');
var+$divs+=+$('div');

$('#submit').click(function()+{
++++$divs.each(function(index)+{
++++++++$texts.get(index).value+=+this.innerHTML;
++++++++$(this).remove();
++++});
});​|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2951125|unstyled|2951126|备注：|offset|length|style|BOLD|2951127|正如您所写的那样，<textarea>|CODE|2951128|I+|unordered-list-item|2951129|
|2951130|textarea不是一种<input>类型，它是一种标记:+DOM缓存了元素，所以我不需要多次查询DOM。|2951131|2951132|entityMap^0|0|0|0|3|0|9|A|0|0|0|C|7|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|10|8|@$H|11|I|12|J|K]]|9|@]|A|$]]|$1|L|3|M|5|E|7|13|8|@$H|14|I|15|J|N]]|9|@]|A|$]]|$1|O|3|P|5|Q|7|16|8|@]|9|@]|A|$]]|$1|R|3|S|5|E|7|17|8|@]|9|@]|A|$]]|$1|T|3|U|5|Q|7|18|8|@$H|19|I|1A|J|N]]|9|@]|A|$]]|$1|V|3|-4|5|E|7|1B|8|@]|9|@]|A|$]]|$1|W|3|-4|5|E|7|1C|8|@]|9|@]|A|$]]]|X|$]]

<pre><code>var $texts = $('textarea');
var $divs = $('div');

$('#submit').click(function() {
    $divs.each(function(index) {
        $texts.get(index).value = this.innerHTML;
        $(this).remove();
    });
});​
</code></pre>
<p><a href="https://jsfiddle.net/EzkFR/8/" rel="nofollow noreferrer"><strong>Fixed DEMO</strong></a></p>
<p><strong>Notes:</strong></p>
<ul>
<li>textarea, isn't a type of <code>&lt;input&gt;</code> as you wrote, it is a tag: <code>&lt;textarea&gt;</code></li>
<li>I cached the elements so I don't need to query the DOM multiple times.</li>
</ul>


blocks|key|2863743|text|假设你想要一种可扩展的方式来做这件事...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2863744|<div+id="area"+class="movable">I+wish+I+could+go+down+there</div>
<div+id="area2"+class="movable">Me+too+please!!</div>
</br>
<input+type="textarea"+id="displayarea"+class="inputtable"+value=""+/>
<input+type="textarea"+id="displayarea2"+class="inputtable"+value=""+/>
</br>
<div+id="submit">click+me</div>
</br>​

$('div#submit').click(function(e)+{
++++$('input.inputtable').each(function()+{
++++++++var+input+=+$(this);
++++++++$('div.movable').each(function()+{
++++++++++++var+self+=+$(this);
++++++++++++if+(!self.hasClass('moved')+&&+!input.hasClass('inputted'))+{
++++++++++++++++input.val(self.text()).addClass('inputted');
++++++++++++++++self.addClass('moved');
++++++++++++}
++++++++});
++++++++$('div.movable.moved').detach();+//safe+to+remove+now+that+we're+not+looping+through+them.
++++});
++++e.preventDefault();
++++return+false;
});​|code-block|syntax|javascript|2863745|工作小提琴：https://jsfiddle.net/EzkFR/10/|offset|length|2863746|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/EzkFR/10/^0|0|0|6|U|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>Assuming you want an extensible way to do this...</p>
<pre><code>&lt;div id=&quot;area&quot; class=&quot;movable&quot;&gt;I wish I could go down there&lt;/div&gt;
&lt;div id=&quot;area2&quot; class=&quot;movable&quot;&gt;Me too please!!&lt;/div&gt;
&lt;/br&gt;
&lt;input type=&quot;textarea&quot; id=&quot;displayarea&quot; class=&quot;inputtable&quot; value=&quot;&quot; /&gt;
&lt;input type=&quot;textarea&quot; id=&quot;displayarea2&quot; class=&quot;inputtable&quot; value=&quot;&quot; /&gt;
&lt;/br&gt;
&lt;div id=&quot;submit&quot;&gt;click me&lt;/div&gt;
&lt;/br&gt;​

$('div#submit').click(function(e) {
    $('input.inputtable').each(function() {
        var input = $(this);
        $('div.movable').each(function() {
            var self = $(this);
            if (!self.hasClass('moved') &amp;&amp; !input.hasClass('inputted')) {
                input.val(self.text()).addClass('inputted');
                self.addClass('moved');
            }
        });
        $('div.movable.moved').detach(); //safe to remove now that we're not looping through them.
    });
    e.preventDefault();
    return false;
});​
</code></pre>
<p>Working fiddle: <a href="https://jsfiddle.net/EzkFR/10/" rel="nofollow noreferrer">https://jsfiddle.net/EzkFR/10/</a></p>


<p>could somebody please take a look at this</p>

<p><a href="http://jsfiddle.net/bloodygeese/EzkFR/1/" rel="nofollow">http://jsfiddle.net/bloodygeese/EzkFR/1/</a></p>

<p>My aim is to on clicking the "click me" get the text contained in the "area" divs to move into the text area below - one in each space.</p>

<p>I have removed my failed jquery attempt at the code as I don't really know what I am doing. </p>

<p>If I can get this to work the next step would be to try and achieve the same thing when the "display area's are on a different page?? not sure if thats possible, I hope it is?</p>


Jquery move text within a div to a form input field

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有人能看看这个我的目标是在点击"click me“后，将" area”div中包含的文本移到下面的文本区--每个空间一个。我已经删除了在代码中失败的jquery尝试，因为我真的不知道我在做什么。如果我可以让它工作，下一步将是尝试实现相同的事情，当“显示区在不同的页面上？”不确定这是否可能，我希望它是？

问Jquery将div中的文本移动到表单输入字段
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery将div中的文本移动到表单输入字段EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery将div中的文本移动到表单输入字段
EN