jquery - 将文本区域中的内容复制到输入和修剪字符

Question

第一次来这里 ：）

我有一个 textarea 和一个输入，我希望当在 texarea 中输入某些内容时，它会将其复制到输入 onkeypress。但输入必须限制为 10 个字符。然后我想在输入值的末尾添加5个数字

EG：Textarea 内容：“Hello world，你好吗？” 输入内容：“Hello worl12345”

我已经尝试过这个 和这个
，但是在第二个中，我认为它的代码真的很乱，需要一些“清理”。此外，它缺少最后添加5个数字的功能。

Answer 1

var value = $('#elementId').val();       // returns the element value
var trimmed = $.trim(value);             // trim the value;
var subString = trimmed.substr(0, 10);   // return the first 10 chars.
$('#otherElemetId').val(subString);      // set the substring as the value.

现场演示

Answer 2

您可以使用 javascript 来获取文本区域的值示例：

var str = document.getElementById("text").value;
                          //id of text area needs to be set to "text"

那么你可以使用 substring 函数在 10 个字符后切断字符串

var finishedString = str.substring(0,10);

然后，如果您只想将 12345 添加到末尾。

finishedString = finishedString + "12345";

然后使用输入区域的 getElemendById 将其设置为完成的字符串。你可以把这一切都放在一个函数中，然后在按下键时调用它。