HTML/Javascript/jquery 函数按钮在 TextArea 中的每一行末尾放置逗号

Posted 2023-04-14

【中文标题】HTML/Javascript/jquery 函数按钮在 TextArea 中的每一行末尾放置逗号

【英文标题】：HTML/Javascript/jquery function Button to place comma at end of each line in TextArea

【发布时间】：2015-06-05 16:54:15

【问题描述】：

我目前有一个小 html 窗口，我在工作中使用它来自动将所有输入到 HTML 上的<TextArea> 的内容的首字母大写、字母化和大写。我希望找到一种方法来添加一个额外的“逗号”按钮 (<input type="submit">) - 所以它会自动在 <TextArea> 的每一行末尾添加一个逗号。

【问题讨论】：

这些是强制换行的地方还是你创建的新行？

行已经被布局而不是换行，在添加自动逗号之前它们都将被设置为单独的行

提示，为这个问题创建函数时使用字符串替换或正则表达式。您只需将字符“\r\n”替换为“;\r\n”就可以了。您可以为此使用普通的 JS。

嗯。好吧，我真的不知道该怎么做，所以任何例子都会很棒。

我已经为您提供了以下步骤，剩下的由您来完成。这是你的作业吗？

【参考方案1】：

这应该做你想要完成的事情。

function comma()
    var textarea = document.getElementById('textarea').value;
    var res = textarea.replace(/(\r\n|\n|\r)/gm,",\r\n");
    console.log(res);
    document.getElementById('textarea').value = res;

textarea 
    width: 500px;
    height: 500px;

<textarea id="textarea"></textarea>
<button onclick="comma()">Comma</button>

【讨论】：

太棒了！非常感谢。这消除了我在工作中必须做的所有事情末尾添加逗号的乏味！

【参考方案2】：

步骤

将 textarea 的内容放入一个变量中，例如“textareaContent” 查找所有出现的“\r\n”并替换为“;\r\n”

编辑。

HTML + JS

<script>
function addComma()

    // get textarea's content
    var content = document.getElementById('myTextArea').value;  

    // replace all newline's with ';\n'
    var replaced = content.replace(/\n/g,';\n');  

    // rewrite the content with the new content
    document.getElementById('myTextArea').value = replaced; 
</script>
<textarea id='myTextArea' rows='5' cols='30'>
First Line
Second Line
Third Line
</textarea>

<input type='button' onclick='addComma()' value='Add Comma' />

无论如何，这是一个例子，在真人秀中。看这里的小提琴——http://jsfiddle.net/u6b7yz21/ 干杯。