让用户选择在文本区域中显示多少行 [HTML] [JAVASCRIPT?]

【问题标题】：Let user choose how many lines in a textarea to show [HTML] [JAVASCRIPT?]让用户选择在文本区域中显示多少行 [HTML] [JAVASCRIPT?]
【发布时间】：2018-11-10 11:29:08
【问题描述】：

如何让用户（在数字字段中）选择要显示多少行文本区域？我会有一些演示代码，但不幸的是我不知道从哪里开始。

【问题讨论】：

用 JS 做这个比用 PHP 更好（否则需要双表单处理，而 PHP 正在做 JS 可以做的事情）。
看看这里：stackoverflow.com/questions/7745741/auto-expanding-textarea。虽然这不是你想要的，但要点应该很清楚。您可以在数字输入上设置事件，而不是文本区域上的事件。

标签： javascript php html

【解决方案1】：

给你JSFiddle Example

HTML

Text area lines: <input id="lineNoInput" type="number" name="lines" value="2">
<br/><br/>
<textarea id="textArea" name="text" form="usrform" rows="2" cols="36">Enter text here...</textarea>

JavaScript (jQuery)

$('#lineNoInput').on("change paste keyup", function() {
    $('#textArea').attr('rows', $('#lineNoInput').val());
});

希望这是您正在寻找的。p>

【讨论】：

这很好，谢谢，但我想强制用户不要看到超过 X 行，因为如果超过 X 行，我可以向下滚动。
@Nerks 你的意思是你不希望他们能够调整文本框的大小？
是的，这正是我想要的。
@Nerks 然后就这样做stackoverflow.com/questions/5271782/…，如果你想通了，别忘了关闭你的答案
感谢您的帮助！