Javascript:如何追加<textarea>行

时间:2017-07-30 03:42:01

标签: javascript html

&lt; p&gt;我有&lt; code&gt;&lt; textarea&gt;&lt; / code&gt;我试图在单击按钮时在用户放入文本框内的每个值周围添加引号。我的代码似乎是将每一行视为1个大值,只是在第一个单词的开头和最后一个单词的结尾添加引号,如下所示:&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&#34;一个字 两个字 三个字#34; &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;我正在尝试实现此输出:&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&#34;一个字&#34; &#34;两个字&#34; &#34;三个字&#34; &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;这是我当前的代码:&lt; / p&gt; &lt; p&gt;&lt; div class =&#34; snippet&#34;数据琅=&#34; JS&#34;数据隐藏=&#34;假&#34;数据的控制台=&#34;真&#34;数据巴贝尔=&#34;假&#34;&GT;&#13; &lt; div class =&#34; snippet-code&#34;&gt;&#13; &lt; pre class =&#34; snippet-code-js lang-js prettyprint-override&#34;&gt;&lt; code&gt; document.getElementById(&#34; phraseButton&#34;)。addEventListener(&#39; click& #39;,function(){&#13;   var keywordBox = document.getElementById(&#39; keywordBox&#39;);&#13;    keywordBox.value =(&#39;&#34;&#39; + keywordBox.value +&#39;&#34;&#39;); &#13; });&LT; /代码&GT;&LT; /预&GT;&#13; &lt; pre class =&#34; snippet-code-html lang-html prettyprint-override&#34;&gt;&lt; code&gt;&lt; textarea id =&#34; keywordBox&#34;类型=&#34;文本&#34;行=&#34; 100&#34; cols =&#34; 30&#34;&gt;插入关键字&lt; / textarea&gt;&#13; &lt; button id =&#34; phraseButton&#34;&gt;词组&lt; / button&gt;&lt; / code&gt;&lt; / pre&gt;&#13; &LT; / DIV&GT;&#13; &LT; / DIV&GT;&#13; &LT; / p为H.

1 个答案:

答案 0 :(得分:3)

您可以使用\n将文字区域中的所有"\n"替换为replace()。像这样的东西:

&#13;
&#13;
document.getElementById("phraseButton").addEventListener('click', function () {
  var keywordBox = document.getElementById('keywordBox');
   keywordBox.value = ('"' + keywordBox.value + '"');
   keywordBox.value = keywordBox.value.replace(/\n/g, '"\n"')
});
&#13;
<textarea id="keywordBox" type="text" rows="100" cols="30">Insert Keywords</textarea>
<button id="phraseButton">Phrase</button>
&#13;
&#13;
&#13;