带有jquery的html文本区域

Posted 2023-05-07

【中文标题】带有jquery的html文本区域

【英文标题】：html text area with jquery

【发布时间】：2012-01-07 15:33:20

【问题描述】：

这里的菜鸟

我得到了我在 *** 上找到的这个 jquery 代码

    var maxLines = 2,
    maxLineWidth = 5;

$('#Users_address').bind('change keyup paste drop', function() 
   var value = $(this).val(),
       lines = value.split('\n'),
       linesLength = lines.length;

    if (linesLength > maxLines) 
       lines = lines.slice(0, maxLines);
       linesLength = maxLines;
    

    for (var i = 0; i < linesLength; i++) 
        if (lines[i].length > maxLineWidth) 
          lines[i] = lines[i].substring(0, maxLineWidth);  
         
    

    $(this).val(lines.join('\n'));
);

如何在文本区域中使用它？？

【问题讨论】：

从文本区域获取每行 5 个字符，最多 2 行。

以后您应该发布您自己尝试解决问题的尝试，尤其是在处理您从其他来源收到的 sn-ps 代码时。如果您解释您的尝试，我们可以帮助您解释为什么它不起作用并帮助您走上正轨。最后，您将通过这种方式了解更多信息。

将 Users_address 替换为您的文本区域 ID

【参考方案1】：

给你的 textarea 一个id:

<textarea id="Users_address"></textarea>

并加载您的脚本：

$(document).ready(function() 
    var maxLines = 2,
    maxLineWidth = 5;

    $('#Users_address').bind('change keyup paste drop', function() 
       var value = $(this).val(),
           lines = value.split('\n'),
           linesLength = lines.length;

        if (linesLength > maxLines) 
           lines = lines.slice(0, maxLines);
           linesLength = maxLines;
        

        for (var i = 0; i < linesLength; i++) 
            if (lines[i].length > maxLineWidth) 
              lines[i] = lines[i].substring(0, maxLineWidth);  
             
        

        $(this).val(lines.join('\n'));
    );
);

【参考方案2】：

将您的文本区域 id 设为“Users_address”或将“#Users_address”更改为“#textarea-id”，将括号中的内容替换为您的文本区域 id，然后它将适用于您的文本区域。