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

Posted 2023-03-05

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

【英文标题】：Let user choose how many lines in a textarea to show [HTML] [JAVASCRIPT?]

【发布时间】：2018-11-10 11:29:08

【问题描述】：

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

【问题讨论】：

用 JS 做这个比用 php 更好（否则需要双表单处理，而 PHP 正在做 JS 可以做的事情）。

看看这里：***.com/questions/7745741/auto-expanding-textarea。虽然这不是你想要的，但要点应该很清楚。您可以在数字输入上设置事件，而不是文本区域上的事件。

【参考方案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 然后就这样做***.com/questions/5271782/…，如果你想通了，别忘了关闭你的答案

感谢您的帮助！