带有jquery的html文本区域答案

【问题标题】：html text area with jquery带有jquery的html文本区域
【发布时间】：2012-01-07 15:33:20
【问题描述】：

这里的菜鸟

我得到了我在 stackoverflow 上找到的这个 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

标签： php jquery textarea

【解决方案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，然后它将适用于您的文本区域。

【讨论】：