js修改textarea

Posted 2023-04-02

javascript:alert(document.getElementsByName("form1")[0].onsubmit=function()document.getElementsByName("content")[1].innerText="hao");

如上JS代码，我想在按按钮提交form1表单时，把name为content的textarea里的内容做一些替换后提交到服务器端，可是打开提交后的内容，还是没有改变。应该怎么做

参考技术A 使用onsubmit需注意：当使用普通的按钮（input type=button）调用form.submit()方法提交表单而非直接使用提交按钮（input type=submit）提交表单时，不能触发onsubmit事件。

其实对于楼主这种需求（在提交前对表单做一定处理），可以使用普通按钮调用一个定义好的函数，在这个函数的末尾调用submit动作提交表单就行了，没有必要使用onsubmit。本回答被提问者采纳 参考技术B document.getElementsByName("content")[1].innerText="hao"?
有几个content？
只有一个的话，使用下标为0
document.getElementsByName("content")[0].innerText="hao"追问

呵呵，[1]才是我要修改的textarea，这个我试过。谢谢

追答

使用innerhtml试试

Express JS、Mongoose JS 和 Jade 中的 Textarea 换行符

【中文标题】Express JS、Mongoose JS 和 Jade 中的 Textarea 换行符

【英文标题】：Textarea Linebreak in ExpressJS, MongooseJS and Jade

【发布时间】：2013-07-01 00:39:36

【问题描述】：

在 Jade 中，我在表单中有 textarea。

form(action='save')
    textarea(name='description')
    input(type='submit')

描述保存到 mongodb。我为此使用mongoosejs。

description: String

用description渲染玉时，我有：

p #description

用换行符显示描述的最佳方式是什么。

【问题讨论】：

***.com/questions/14540788/…

【参考方案1】：

还有更多方法。

第一种方式 - 更改内容并替换为<br />：

p !escape(foo).replace(/\n/g, '<br/>')

第二种方式 - 可以应用自定义CSS，这样就不需要替换内容和破坏\n

<style>
 p  white-space: pre; 
</style>

【讨论】：

p white-space: pre; 不会换行。所以尝试改用pre-line 或pre-wrap。见w3schools.com/cs-s-ref/pr_text_white-space.asp