转换文本框到多行用jquery

qaxu7uf2  于 2022-12-18  发布在  jQuery
关注(0)|答案(1)|浏览(150)

我有一个单行文本框。
我想用jquery把它转换成多行的,但是要控制添加到它上面的行数,我还想能够限制每行的字符数。
你知道我怎样用jquery来做这件事吗?
编辑:
是的,我所说的文本框是<input type="text">
例如<input type="text" value="" name="txtTextBox1" id="xtTextBox1">

fykwrbwg

fykwrbwg1#

考虑到您有以下HTML:

<input type="text" class="myclasses" style="color: #123123" value="akira"/>

然后使用以下代码段:

(function($) {
    $.fn.changeToTextArea = function(rows, columns) {
        var attrs = {};
        var text = "";

        $.each(this[0].attributes, function(idx, attr) {
            attrs[attr.nodeName] = attr.nodeValue;
            if(attr.nodeName == "value") {
              text = attr.nodeValue;
              }
            attrs["rows"] = rows;
            attrs["cols"] = columns;
        });

        this.replaceWith(function() {
            return $("<textarea/>", attrs).append($(this).contents()).html(text);
        });
    }
})(jQuery);

你应该用

$("input").changeToTextArea(7, 25);


一个三个三个一个

相关问题